web-mojo 2.2.89 → 2.2.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/CHANGELOG.md +3 -0
  2. package/dist/admin.cjs.js +1 -1
  3. package/dist/admin.cjs.js.map +1 -1
  4. package/dist/admin.css +48 -2
  5. package/dist/admin.es.js +1 -1
  6. package/dist/admin.es.js.map +1 -1
  7. package/dist/auth.cjs.js +1 -1
  8. package/dist/auth.es.js +1 -1
  9. package/dist/charts.cjs.js +1 -1
  10. package/dist/charts.es.js +1 -1
  11. package/dist/chunks/{ChatView-C9VR3pfa.js → ChatView-BeJiXws6.js} +2 -2
  12. package/dist/chunks/{ChatView-C9VR3pfa.js.map → ChatView-BeJiXws6.js.map} +1 -1
  13. package/dist/chunks/{ChatView-wuMHOvns.js → ChatView-DhV0Ycul.js} +2 -2
  14. package/dist/chunks/{ChatView-wuMHOvns.js.map → ChatView-DhV0Ycul.js.map} +1 -1
  15. package/dist/chunks/{Dialog-EZ9XD2AO.js → Dialog-DZuk-4Ck.js} +2 -2
  16. package/dist/chunks/{Dialog-EZ9XD2AO.js.map → Dialog-DZuk-4Ck.js.map} +1 -1
  17. package/dist/chunks/{FormView-BqqtbPVb.js → FormView-C0oytbfM.js} +2 -2
  18. package/dist/chunks/{FormView-BqqtbPVb.js.map → FormView-C0oytbfM.js.map} +1 -1
  19. package/dist/chunks/GroupView-DAzE4A-4.js +2 -0
  20. package/dist/chunks/GroupView-DAzE4A-4.js.map +1 -0
  21. package/dist/chunks/GroupView-FfwdNW9H.js +2 -0
  22. package/dist/chunks/GroupView-FfwdNW9H.js.map +1 -0
  23. package/dist/chunks/{ListView-DekXjgMV.js → ListView-BZTAh7jk.js} +2 -2
  24. package/dist/chunks/ListView-BZTAh7jk.js.map +1 -0
  25. package/dist/chunks/{ListView-DqZ6BQKk.js → ListView-DnjpwUSD.js} +2 -2
  26. package/dist/chunks/ListView-DnjpwUSD.js.map +1 -0
  27. package/dist/chunks/{MetricsMiniChartWidget-B4CcNlv-.js → MetricsMiniChartWidget-BVbBD-su.js} +2 -2
  28. package/dist/chunks/{MetricsMiniChartWidget-B4CcNlv-.js.map → MetricsMiniChartWidget-BVbBD-su.js.map} +1 -1
  29. package/dist/chunks/{MetricsMiniChartWidget-y-KklF3c.js → MetricsMiniChartWidget-DnIxJqxS.js} +2 -2
  30. package/dist/chunks/{MetricsMiniChartWidget-y-KklF3c.js.map → MetricsMiniChartWidget-DnIxJqxS.js.map} +1 -1
  31. package/dist/chunks/{Modal-DoIYUAKi.js → Modal-RvUBle9X.js} +2 -2
  32. package/dist/chunks/{Modal-DoIYUAKi.js.map → Modal-RvUBle9X.js.map} +1 -1
  33. package/dist/chunks/{PDFViewer-DYAJqRAV.js → PDFViewer-XPhqOvSX.js} +2 -2
  34. package/dist/chunks/{PDFViewer-DYAJqRAV.js.map → PDFViewer-XPhqOvSX.js.map} +1 -1
  35. package/dist/chunks/{Passkeys-DNpner4L.js → Passkeys-C7-z9-v5.js} +2 -2
  36. package/dist/chunks/{Passkeys-DNpner4L.js.map → Passkeys-C7-z9-v5.js.map} +1 -1
  37. package/dist/chunks/{Passkeys-DapTiqNW.js → Passkeys-ZNOvvdIC.js} +2 -2
  38. package/dist/chunks/{Passkeys-DapTiqNW.js.map → Passkeys-ZNOvvdIC.js.map} +1 -1
  39. package/dist/chunks/{TokenManager-BLd64x-1.js → TokenManager-D2YDvzww.js} +2 -2
  40. package/dist/chunks/{TokenManager-BLd64x-1.js.map → TokenManager-D2YDvzww.js.map} +1 -1
  41. package/dist/chunks/{UserProfileView-q29bxm0T.js → UserProfileView-CxH58ZvK.js} +2 -2
  42. package/dist/chunks/{UserProfileView-q29bxm0T.js.map → UserProfileView-CxH58ZvK.js.map} +1 -1
  43. package/dist/chunks/{UserProfileView-BDD3WOjd.js → UserProfileView-gTSICPvR.js} +2 -2
  44. package/dist/chunks/{UserProfileView-BDD3WOjd.js.map → UserProfileView-gTSICPvR.js.map} +1 -1
  45. package/dist/chunks/{WebApp-DgmB8vpR.js → WebApp-hSbcg7WF.js} +2 -2
  46. package/dist/chunks/{WebApp-DgmB8vpR.js.map → WebApp-hSbcg7WF.js.map} +1 -1
  47. package/dist/chunks/{WebSocketClient-C9VS1m8v.js → WebSocketClient-BRxSW8O4.js} +2 -2
  48. package/dist/chunks/WebSocketClient-BRxSW8O4.js.map +1 -0
  49. package/dist/chunks/{WebSocketClient-CMV76kSt.js → WebSocketClient-Ctjkjn45.js} +2 -2
  50. package/dist/chunks/WebSocketClient-Ctjkjn45.js.map +1 -0
  51. package/dist/chunks/{index-iPINfbSy.js → index-BXBnnQiG.js} +2 -2
  52. package/dist/chunks/{index-iPINfbSy.js.map → index-BXBnnQiG.js.map} +1 -1
  53. package/dist/chunks/{index-DXlIy6bc.js → index-C1Qa4dbR.js} +2 -2
  54. package/dist/chunks/{index-DXlIy6bc.js.map → index-C1Qa4dbR.js.map} +1 -1
  55. package/dist/chunks/{version-BvwIbhO-.js → version-CmEMzl3n.js} +2 -2
  56. package/dist/chunks/{version-BvwIbhO-.js.map → version-CmEMzl3n.js.map} +1 -1
  57. package/dist/chunks/{version-CToejY47.js → version-fsZmab6w.js} +2 -2
  58. package/dist/chunks/{version-CToejY47.js.map → version-fsZmab6w.js.map} +1 -1
  59. package/dist/css/web-mojo.css +1 -1
  60. package/dist/docit.cjs.js +1 -1
  61. package/dist/docit.es.js +1 -1
  62. package/dist/index.cjs.js +1 -1
  63. package/dist/index.cjs.js.map +1 -1
  64. package/dist/index.es.js +1 -1
  65. package/dist/index.es.js.map +1 -1
  66. package/dist/lightbox.cjs.js +1 -1
  67. package/dist/lightbox.es.js +1 -1
  68. package/dist/map.es.js +1 -1
  69. package/dist/timeline.cjs.js +1 -1
  70. package/dist/timeline.es.js +1 -1
  71. package/dist/user-profile.cjs.js +1 -1
  72. package/dist/user-profile.es.js +1 -1
  73. package/dist/web-mojo.lite.iife.js +5 -1
  74. package/dist/web-mojo.lite.iife.js.map +1 -1
  75. package/dist/web-mojo.lite.iife.min.js +1 -1
  76. package/dist/web-mojo.lite.iife.min.js.map +1 -1
  77. package/package.json +1 -1
  78. package/dist/chunks/ListView-DekXjgMV.js.map +0 -1
  79. package/dist/chunks/ListView-DqZ6BQKk.js.map +0 -1
  80. package/dist/chunks/WebSocketClient-C9VS1m8v.js.map +0 -1
  81. package/dist/chunks/WebSocketClient-CMV76kSt.js.map +0 -1
@@ -1,2 +1,2 @@
1
- import{D as o}from"./Dialog-EZ9XD2AO.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};
2
- //# sourceMappingURL=Modal-DoIYUAKi.js.map
1
+ import{D as o}from"./Dialog-DZuk-4Ck.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};
2
+ //# sourceMappingURL=Modal-RvUBle9X.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Modal-DoIYUAKi.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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"}
1
+ {"version":3,"file":"Modal-RvUBle9X.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"}
@@ -1,2 +1,2 @@
1
- import{V as t}from"./Collection-dB21lBnQ.js";import{D as e}from"./Dialog-EZ9XD2AO.js";class LightboxGallery extends t{constructor(t={}){super({...t,className:`lightbox-gallery ${t.className||""}`,tagName:"div"});const e=Array.isArray(t.images)?t.images:[t.images||t.src].filter(Boolean);this.images=e.map(t=>"string"==typeof t?{src:t,alt:""}:{src:t.src,alt:t.alt||""}),this.currentIndex=t.startIndex||0,this.showNavigation=!1!==t.showNavigation&&this.images.length>1,this.showCounter=!1!==t.showCounter&&this.images.length>1,this.allowKeyboard=!1!==t.allowKeyboard,this.closeOnBackdrop=!1!==t.closeOnBackdrop,this.fitToScreen=!1!==t.fitToScreen,this._keyboardHandler=this.handleKeyboard.bind(this),this.updateTemplateProperties()}updateTemplateProperties(){this.currentImage=this.images[this.currentIndex]||{src:"",alt:""},this.currentNumber=this.currentIndex+1,this.total=this.images.length,this.isFirst=0===this.currentIndex,this.isLast=this.currentIndex===this.images.length-1,this.imageStyle=this.fitToScreen?"width: 90vw; max-height: 100%; object-fit: contain; user-select: none; cursor: zoom-in;":"max-width: none; max-height: none; user-select: none; cursor: zoom-out;",this.containerStyle=this.fitToScreen?"":"overflow: auto;",this.modeIndicator=this.fitToScreen?"Fit to Screen":"Original Size"}async getTemplate(){return this.images[this.currentIndex],this.images.length,'\n <div class="lightbox-overlay position-fixed top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center"\n style="background: rgba(0,0,0,0.9); z-index: 9999;"\n data-action="backdrop-click">\n\n \x3c!-- Close button --\x3e\n <button type="button" class="btn-close btn-close-white position-absolute top-0 end-0 m-4"\n data-action="close"\n style="z-index: 10001;"\n title="Close"></button>\n\n \x3c!-- Counter --\x3e\n {{#showCounter}}\n <div class="lightbox-counter position-absolute top-0 start-50 translate-middle-x mt-4 text-white"\n style="z-index: 10001; font-size: 1.1rem;">\n {{currentNumber}} of {{total}}\n </div>\n {{/showCounter}}\n\n \x3c!-- Mode Indicator --\x3e\n <div class="lightbox-mode-indicator position-absolute bottom-0 start-50 translate-middle-x mb-4 text-white bg-dark bg-opacity-75 px-3 py-2 rounded"\n style="z-index: 10001; font-size: 0.9rem;">\n {{modeIndicator}} • Click image to toggle\n </div>\n\n \x3c!-- Navigation --\x3e\n {{#showNavigation}}\n <button type="button" class="btn btn-light btn-lg position-absolute start-0 top-50 translate-middle-y ms-4"\n data-action="prev"\n style="z-index: 10001;"\n title="Previous"\n {{#isFirst}}disabled{{/isFirst}}>\n <i class="bi bi-chevron-left"></i>\n </button>\n\n <button type="button" class="btn btn-light btn-lg position-absolute end-0 top-50 translate-middle-y me-4"\n data-action="next"\n style="z-index: 10001;"\n title="Next"\n {{#isLast}}disabled{{/isLast}}>\n <i class="bi bi-chevron-right"></i>\n </button>\n {{/showNavigation}}\n\n \x3c!-- Image container --\x3e\n <div class="lightbox-image-container w-100 h-100 d-flex align-items-center justify-content-center p-5"\n style="{{containerStyle}}">\n {{#currentImage}}\n <img src="{{src}}"\n alt="{{alt}}"\n class="lightbox-image img-fluid"\n style="{{imageStyle}}"\n data-action="image-click">\n {{/currentImage}}\n </div>\n\n \x3c!-- Loading spinner --\x3e\n <div class="lightbox-loading position-absolute top-50 start-50 translate-middle text-white"\n style="display: none;">\n <div class="spinner-border" role="status">\n <span class="visually-hidden">Loading...</span>\n </div>\n </div>\n </div>\n '}async onAfterRender(){document.body.appendChild(this.element),document.body.style.overflow="hidden",this.allowKeyboard&&document.addEventListener("keydown",this._keyboardHandler),this.preloadAdjacentImages()}async handleActionClose(){this.close()}async handleActionBackdropClick(t){this.closeOnBackdrop&&t.target===t.currentTarget&&this.close()}async handleActionPrev(){this.showPrevious()}async handleActionNext(){this.showNext()}async handleActionImageClick(){this.toggleImageMode()}showPrevious(){this.currentIndex>0&&(this.currentIndex--,this.updateImage(),this.preloadAdjacentImages())}showNext(){this.currentIndex<this.images.length-1&&(this.currentIndex++,this.updateImage(),this.preloadAdjacentImages())}goToImage(t){t>=0&&t<this.images.length&&t!==this.currentIndex&&(this.currentIndex=t,this.updateImage(),this.preloadAdjacentImages())}async updateImage(){const t=this.images[this.currentIndex],e=this.element.querySelector(".lightbox-image"),s=this.element.querySelector(".lightbox-counter"),i=this.element.querySelector('[data-action="prev"]'),n=this.element.querySelector('[data-action="next"]');e&&(this.showLoading(),e.src=t.src,e.alt=t.alt,await this.waitForImageLoad(e),this.hideLoading()),s&&(s.textContent=`${this.currentIndex+1} of ${this.images.length}`),i&&(i.disabled=0===this.currentIndex),n&&(n.disabled=this.currentIndex===this.images.length-1),this.updateTemplateProperties(),this.updateImageDisplay();const a=this.getApp()?.events;a&&a.emit("lightbox:image-changed",{gallery:this,index:this.currentIndex,image:t})}showLoading(){const t=this.element.querySelector(".lightbox-loading");t&&(t.style.display="block")}hideLoading(){const t=this.element.querySelector(".lightbox-loading");t&&(t.style.display="none")}waitForImageLoad(t){return new Promise(e=>{t.complete?e():(t.onload=e,t.onerror=e)})}preloadAdjacentImages(){const t=[];this.currentIndex>0&&t.push(this.currentIndex-1),this.currentIndex<this.images.length-1&&t.push(this.currentIndex+1),t.forEach(t=>{const e=this.images[t];(new Image).src=e.src})}handleKeyboard(t){switch(t.key){case"Escape":t.preventDefault(),this.close();break;case"ArrowLeft":t.preventDefault(),this.showPrevious();break;case"ArrowRight":t.preventDefault(),this.showNext();break;case"Home":t.preventDefault(),this.goToImage(0);break;case"End":t.preventDefault(),this.goToImage(this.images.length-1)}}toggleImageMode(){this.fitToScreen=!this.fitToScreen,this.updateTemplateProperties(),this.updateImageDisplay();const t=this.getApp()?.events;t&&t.emit("lightbox:mode-changed",{gallery:this,fitToScreen:this.fitToScreen})}updateImageDisplay(){const t=this.element.querySelector(".lightbox-image"),e=this.element.querySelector(".lightbox-image-container"),s=this.element.querySelector(".lightbox-mode-indicator");t&&(this.fitToScreen?(t.style.maxWidth="100%",t.style.maxHeight="100%",t.style.objectFit="contain",t.style.cursor="zoom-in"):(t.style.maxWidth="none",t.style.maxHeight="none",t.style.objectFit="none",t.style.cursor="zoom-out"),t.style.userSelect="none"),e&&(e.style.overflow=this.fitToScreen?"":"auto"),s&&(s.textContent=`${this.modeIndicator} • Click image to toggle`)}close(){const t=this.getApp()?.events;t&&t.emit("lightbox:closed",{gallery:this}),this.destroy()}async onBeforeDestroy(){document.body.style.overflow="",this.allowKeyboard&&document.removeEventListener("keydown",this._keyboardHandler),this.element.parentNode===document.body&&document.body.removeChild(this.element)}static show(t,e={}){const s=new LightboxGallery({images:t,...e});return s.render().then(()=>{s.mount()}),s}}window.LightboxGallery=LightboxGallery;class PDFViewer extends t{constructor(t={}){super({...t,className:`pdf-viewer ${t.className||""}`,tagName:"div"}),this.pdfUrl=t.pdfUrl||t.src||"",this.title=t.title||"PDF Document",this.pdfDoc=null,this.currentPage=1,this.totalPages=0,this.pageRendering=!1,this.pageNumPending=null,this.scale=1,this.minScale=.25,this.maxScale=5,this.scaleStep=.25,this.fitMode="page",this.canvas=null,this.ctx=null,this.showControls=!1!==t.showControls,this.allowZoom=!1!==t.allowZoom,this.allowNavigation=!1!==t.allowNavigation,this.showPageNumbers=!1!==t.showPageNumbers,this.isLoaded=!1,this.isLoading=!1,this.pdfjsWorkerPath=t.pdfjsWorkerPath||"https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.0.379/pdf.worker.min.js",this.pdfjsCMapUrl=t.pdfjsCMapUrl||"https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.0.379/cmaps/",this.canvasContainer=null,this.controlsElement=null,this.statusElement=null,this.pageInput=null}async getTemplate(){return'\n <div class="pdf-viewer-container">\n {{#showControls}}\n <div class="pdf-viewer-toolbar" data-container="toolbar">\n <div class="btn-toolbar" role="toolbar">\n \x3c!-- Navigation Controls --\x3e\n {{#allowNavigation}}\n <div class="btn-group me-2" role="group" aria-label="Navigation">\n <button type="button" class="btn btn-outline-secondary btn-sm" data-action="first-page" title="First Page">\n <i class="bi bi-chevron-double-left"></i>\n </button>\n <button type="button" class="btn btn-outline-secondary btn-sm" data-action="prev-page" title="Previous Page">\n <i class="bi bi-chevron-left"></i>\n </button>\n \n {{#showPageNumbers}}\n <div class="input-group input-group-sm" style="width: 120px;">\n <input type="number" class="form-control text-center page-input" min="1" value="1" data-change-action="page-input">\n <span class="input-group-text page-total">/ 0</span>\n </div>\n {{/showPageNumbers}}\n \n <button type="button" class="btn btn-outline-secondary btn-sm" data-action="next-page" title="Next Page">\n <i class="bi bi-chevron-right"></i>\n </button>\n <button type="button" class="btn btn-outline-secondary btn-sm" data-action="last-page" title="Last Page">\n <i class="bi bi-chevron-double-right"></i>\n </button>\n </div>\n {{/allowNavigation}}\n\n \x3c!-- Zoom Controls --\x3e\n {{#allowZoom}}\n <div class="btn-group me-2" role="group" aria-label="Zoom">\n <button type="button" class="btn btn-outline-secondary btn-sm" data-action="zoom-out" title="Zoom Out">\n <i class="bi bi-zoom-out"></i>\n </button>\n <button type="button" class="btn btn-outline-secondary btn-sm" data-action="zoom-in" title="Zoom In">\n <i class="bi bi-zoom-in"></i>\n </button>\n \n <div class="btn-group" role="group">\n <button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-bs-toggle="dropdown" title="Fit">\n <i class="bi bi-arrows-fullscreen"></i>\n </button>\n <ul class="dropdown-menu">\n <li><a class="dropdown-item" href="#" data-action="fit-page">Fit Page</a></li>\n <li><a class="dropdown-item" href="#" data-action="fit-width">Fit Width</a></li>\n <li><a class="dropdown-item" href="#" data-action="actual-size">Actual Size</a></li>\n </ul>\n </div>\n </div>\n {{/allowZoom}}\n\n \x3c!-- Utility Controls --\x3e\n <div class="btn-group me-2" role="group" aria-label="Utilities">\n <button type="button" class="btn btn-outline-secondary btn-sm" data-action="download" title="Download">\n <i class="bi bi-download"></i>\n </button>\n <button type="button" class="btn btn-outline-secondary btn-sm" data-action="print" title="Print">\n <i class="bi bi-printer"></i>\n </button>\n </div>\n </div>\n </div>\n {{/showControls}}\n\n \x3c!-- PDF Content Area --\x3e\n <div class="pdf-viewer-content" data-container="content">\n <div class="pdf-canvas-container" data-container="canvasContainer">\n <canvas class="pdf-canvas" data-container="canvas"></canvas>\n </div>\n\n <div class="pdf-viewer-overlay">\n <div class="pdf-viewer-loading">\n <div class="spinner-border text-primary" role="status">\n <span class="visually-hidden">Loading PDF...</span>\n </div>\n <div class="mt-2">Loading PDF...</div>\n </div>\n </div>\n\n <div class="pdf-viewer-error" style="display: none;">\n <div class="alert alert-danger" role="alert">\n <i class="bi bi-exclamation-triangle"></i>\n <strong>Error:</strong> <span class="error-message">Failed to load PDF</span>\n </div>\n </div>\n </div>\n\n \x3c!-- Status Bar --\x3e\n <div class="pdf-viewer-status" data-container="status">\n <small class="text-muted">\n <span class="current-page">0</span> of <span class="total-pages">0</span> pages |\n <span class="zoom-level">100%</span> |\n <span class="document-title">{{title}}</span>\n </small>\n </div>\n </div>\n '}get(){return{pdfUrl:this.pdfUrl,title:this.title,showControls:this.showControls,allowZoom:this.allowZoom,allowNavigation:this.allowNavigation,showPageNumbers:this.showPageNumbers}}async onAfterRender(){this.canvas=this.element.querySelector(".pdf-canvas"),this.canvasContainer=this.element.querySelector(".pdf-canvas-container"),this.controlsElement=this.element.querySelector(".pdf-viewer-toolbar"),this.statusElement=this.element.querySelector(".pdf-viewer-status"),this.pageInput=this.element.querySelector(".page-input"),this.overlayElement=this.element.querySelector(".pdf-viewer-overlay"),this.errorElement=this.element.querySelector(".pdf-viewer-error"),this.canvas&&(this.ctx=this.canvas.getContext("2d")),this.setupEssentialEventListeners(),await this.initializePDFJS(),this.pdfUrl&&await this.loadPDF()}setupEssentialEventListeners(){const t=t=>this.handleKeyDown(t);document.addEventListener("keydown",t);let e=null;this.canvasContainer&&(e=new ResizeObserver(()=>{"auto"!==this.fitMode&&this.applyFitMode()}),e.observe(this.canvasContainer)),this._essentialListeners=[{el:document,type:"keydown",fn:t}],this._resizeObserver=e}async initializePDFJS(){try{return void 0===window.pdfjsLib&&await this.loadPDFJSLibrary(),window.pdfjsLib.GlobalWorkerOptions.workerSrc=this.pdfjsWorkerPath,!0}catch(t){return console.error("Failed to initialize PDF.js:",t),this.showError("Failed to initialize PDF viewer"),!1}}async loadPDFJSLibrary(){return new Promise((t,e)=>{const s=document.createElement("script");s.src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.0.379/pdf.min.js",s.onload=t,s.onerror=e,document.head.appendChild(s)})}async handleActionFirstPage(){await this.goToPage(1)}async handleActionPrevPage(){await this.goToPage(this.currentPage-1)}async handleActionNextPage(){await this.goToPage(this.currentPage+1)}async handleActionLastPage(){await this.goToPage(this.totalPages)}async onChangePageInput(t,e){const s=parseInt(e.value,10);s>=1&&s<=this.totalPages?await this.goToPage(s):e.value=this.currentPage}async handleActionZoomIn(){this.setScale(this.scale+this.scaleStep)}async handleActionZoomOut(){this.setScale(this.scale-this.scaleStep)}async handleActionFitPage(){this.setFitMode("page")}async handleActionFitWidth(){this.setFitMode("width")}async handleActionActualSize(){this.setScale(1),this.fitMode="auto"}async handleActionDownload(){this.downloadPDF()}async handleActionPrint(){window.print()}async loadPDF(){if(!this.pdfUrl||!window.pdfjsLib)return this.showError("PDF URL or PDF.js library not available"),!1;this.isLoading=!0,this.showLoading();try{const t=window.pdfjsLib.getDocument({url:this.pdfUrl,cMapUrl:this.pdfjsCMapUrl,cMapPacked:!0});this.pdfDoc=await t.promise,this.totalPages=this.pdfDoc.numPages,this.currentPage=1,this.updatePageControls(),this.updateStatus(),await this.renderPage(1),this.isLoaded=!0,this.isLoading=!1,this.element.classList.add("loaded"),this.hideLoading(),this.applyFitMode();const e=this.getApp()?.events;return e&&e.emit("pdfviewer:loaded",{viewer:this,pdfUrl:this.pdfUrl,totalPages:this.totalPages}),!0}catch(t){console.error("Error loading PDF:",t),this.isLoading=!1,this.showError("Failed to load PDF document");const e=this.getApp()?.events;return e&&e.emit("pdfviewer:error",{viewer:this,pdfUrl:this.pdfUrl,error:t.message}),!1}}async renderPage(t){if(this.pageRendering)this.pageNumPending=t;else if(this.pdfDoc&&this.canvas&&this.ctx){this.pageRendering=!0,this.currentPage=t;try{const e=await this.pdfDoc.getPage(t),s=e.getViewport({scale:this.scale});this.canvas.height=s.height,this.canvas.width=s.width,this.ctx.clearRect(0,0,this.canvas.width,this.canvas.height);const i={canvasContext:this.ctx,viewport:s},n=e.render(i);if(await n.promise,this.pageRendering=!1,null!==this.pageNumPending){const t=this.pageNumPending;this.pageNumPending=null,await this.renderPage(t)}this.updatePageControls(),this.updateStatus();const a=this.getApp()?.events;a&&a.emit("pdfviewer:page-changed",{viewer:this,currentPage:this.currentPage,totalPages:this.totalPages})}catch(e){console.error("Error rendering page:",e),this.pageRendering=!1,this.showError("Failed to render PDF page")}}}async goToPage(t){!this.pdfDoc||t<1||t>this.totalPages||await this.renderPage(t)}setScale(t){const e=this.scale;this.scale=Math.max(this.minScale,Math.min(this.maxScale,t)),this.fitMode="auto",this.isLoaded&&this.renderPage(this.currentPage);const s=this.getApp()?.events;s&&e!==this.scale&&s.emit("pdfviewer:scale-changed",{viewer:this,oldScale:e,newScale:this.scale})}setFitMode(t){const e=this.fitMode;this.fitMode=t,this.applyFitMode();const s=this.getApp()?.events;s&&s.emit("pdfviewer:fit-mode-changed",{viewer:this,oldMode:e,newMode:t})}applyFitMode(){this.isLoaded&&this.pdfDoc&&this.canvasContainer&&this.pdfDoc.getPage(this.currentPage).then(t=>{const e=this.canvasContainer.getBoundingClientRect(),s=t.getViewport({scale:1});let i;if("page"===this.fitMode){const t=(e.width-40)/s.width,n=(e.height-40)/s.height;i=Math.min(t,n)}else{if("width"!==this.fitMode)return;i=(e.width-40)/s.width}this.scale=Math.max(this.minScale,Math.min(this.maxScale,i)),this.renderPage(this.currentPage)})}handleKeyDown(t){if("INPUT"!==t.target.tagName||t.target===this.pageInput)switch(t.key){case"ArrowLeft":case"PageUp":t.preventDefault(),this.goToPage(this.currentPage-1);break;case"ArrowRight":case"PageDown":t.preventDefault(),this.goToPage(this.currentPage+1);break;case"Home":t.preventDefault(),this.goToPage(1);break;case"End":t.preventDefault(),this.goToPage(this.totalPages);break;case"+":case"=":(t.ctrlKey||t.metaKey)&&(t.preventDefault(),this.setScale(this.scale+this.scaleStep));break;case"-":(t.ctrlKey||t.metaKey)&&(t.preventDefault(),this.setScale(this.scale-this.scaleStep));break;case"0":(t.ctrlKey||t.metaKey)&&(t.preventDefault(),this.setFitMode("page"))}}updatePageControls(){this.pageInput&&(this.pageInput.value=this.currentPage);const t=this.element.querySelector(".page-total");t&&(t.textContent=`/ ${this.totalPages}`);const e=this.element.querySelector('[data-action="first-page"]'),s=this.element.querySelector('[data-action="prev-page"]'),i=this.element.querySelector('[data-action="next-page"]'),n=this.element.querySelector('[data-action="last-page"]');e&&(e.disabled=this.currentPage<=1),s&&(s.disabled=this.currentPage<=1),i&&(i.disabled=this.currentPage>=this.totalPages),n&&(n.disabled=this.currentPage>=this.totalPages);const a=this.element.querySelector('[data-action="zoom-in"]'),o=this.element.querySelector('[data-action="zoom-out"]');a&&(a.disabled=this.scale>=this.maxScale),o&&(o.disabled=this.scale<=this.minScale)}updateStatus(){if(!this.statusElement)return;const t=this.statusElement.querySelector(".current-page"),e=this.statusElement.querySelector(".total-pages"),s=this.statusElement.querySelector(".zoom-level");t&&(t.textContent=this.currentPage),e&&(e.textContent=this.totalPages),s&&(s.textContent=`${Math.round(100*this.scale)}%`)}showLoading(){this.overlayElement&&(this.overlayElement.style.display="flex")}hideLoading(){this.overlayElement&&(this.overlayElement.style.display="none")}showError(t){if(this.hideLoading(),this.errorElement){const e=this.errorElement.querySelector(".error-message");e&&(e.textContent=t),this.errorElement.style.display="block"}console.error("PDF Viewer Error:",t)}downloadPDF(){if(!this.pdfUrl)return;const t=document.createElement("a");t.href=this.pdfUrl,t.download=this.title+".pdf",t.target="_blank",t.click()}setPDF(t,e=""){const s=this.pdfUrl;this.pdfUrl=t,this.title=e||"PDF Document",this.isLoaded=!1,this.element.classList.remove("loaded"),this.pdfDoc&&(this.pdfDoc.destroy(),this.pdfDoc=null),this.currentPage=1,this.totalPages=0,this.scale=1,t&&this.loadPDF();const i=this.getApp()?.events;i&&i.emit("pdfviewer:pdf-changed",{viewer:this,oldPdfUrl:s,newPdfUrl:t})}getCurrentPage(){return this.currentPage}getTotalPages(){return this.totalPages}getCurrentScale(){return this.scale}async onBeforeDestroy(){this.pdfDoc&&(this.pdfDoc.destroy(),this.pdfDoc=null),this.pageRendering=!1,this.pageNumPending=null,this._essentialListeners&&(this._essentialListeners.forEach(({el:t,type:e,fn:s})=>{t&&t.removeEventListener(e,s)}),this._essentialListeners=null),this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null);const t=this.getApp()?.events;t&&t.emit("pdfviewer:destroyed",{viewer:this})}static async showDialog(t,s={}){const{title:i="PDF Viewer",size:n="fullscreen",showControls:a=!0,allowZoom:o=!0,allowNavigation:r=!0,showPageNumbers:l=!0,...c}=s,d=new PDFViewer({pdfUrl:t,title:i,showControls:a,allowZoom:o,allowNavigation:r,showPageNumbers:l}),h=new e({title:i,body:d,size:n,centered:!0,backdrop:"static",keyboard:!0,buttons:[{text:"Download",action:"download",class:"btn btn-outline-primary"},{text:"Close",action:"close",class:"btn btn-secondary",dismiss:!0}],...c});return await h.render(),document.body.appendChild(h.element),await h.mount(),h.show(),new Promise(t=>{h.on("hidden",()=>{h.destroy(),t(d)}),h.on("action:download",()=>{d.downloadPDF()}),h.on("action:close",()=>{h.hide()})})}}export{LightboxGallery as L,PDFViewer as P};
2
- //# sourceMappingURL=PDFViewer-DYAJqRAV.js.map
1
+ import{V as t}from"./Collection-dB21lBnQ.js";import{D as e}from"./Dialog-DZuk-4Ck.js";class LightboxGallery extends t{constructor(t={}){super({...t,className:`lightbox-gallery ${t.className||""}`,tagName:"div"});const e=Array.isArray(t.images)?t.images:[t.images||t.src].filter(Boolean);this.images=e.map(t=>"string"==typeof t?{src:t,alt:""}:{src:t.src,alt:t.alt||""}),this.currentIndex=t.startIndex||0,this.showNavigation=!1!==t.showNavigation&&this.images.length>1,this.showCounter=!1!==t.showCounter&&this.images.length>1,this.allowKeyboard=!1!==t.allowKeyboard,this.closeOnBackdrop=!1!==t.closeOnBackdrop,this.fitToScreen=!1!==t.fitToScreen,this._keyboardHandler=this.handleKeyboard.bind(this),this.updateTemplateProperties()}updateTemplateProperties(){this.currentImage=this.images[this.currentIndex]||{src:"",alt:""},this.currentNumber=this.currentIndex+1,this.total=this.images.length,this.isFirst=0===this.currentIndex,this.isLast=this.currentIndex===this.images.length-1,this.imageStyle=this.fitToScreen?"width: 90vw; max-height: 100%; object-fit: contain; user-select: none; cursor: zoom-in;":"max-width: none; max-height: none; user-select: none; cursor: zoom-out;",this.containerStyle=this.fitToScreen?"":"overflow: auto;",this.modeIndicator=this.fitToScreen?"Fit to Screen":"Original Size"}async getTemplate(){return this.images[this.currentIndex],this.images.length,'\n <div class="lightbox-overlay position-fixed top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center"\n style="background: rgba(0,0,0,0.9); z-index: 9999;"\n data-action="backdrop-click">\n\n \x3c!-- Close button --\x3e\n <button type="button" class="btn-close btn-close-white position-absolute top-0 end-0 m-4"\n data-action="close"\n style="z-index: 10001;"\n title="Close"></button>\n\n \x3c!-- Counter --\x3e\n {{#showCounter}}\n <div class="lightbox-counter position-absolute top-0 start-50 translate-middle-x mt-4 text-white"\n style="z-index: 10001; font-size: 1.1rem;">\n {{currentNumber}} of {{total}}\n </div>\n {{/showCounter}}\n\n \x3c!-- Mode Indicator --\x3e\n <div class="lightbox-mode-indicator position-absolute bottom-0 start-50 translate-middle-x mb-4 text-white bg-dark bg-opacity-75 px-3 py-2 rounded"\n style="z-index: 10001; font-size: 0.9rem;">\n {{modeIndicator}} • Click image to toggle\n </div>\n\n \x3c!-- Navigation --\x3e\n {{#showNavigation}}\n <button type="button" class="btn btn-light btn-lg position-absolute start-0 top-50 translate-middle-y ms-4"\n data-action="prev"\n style="z-index: 10001;"\n title="Previous"\n {{#isFirst}}disabled{{/isFirst}}>\n <i class="bi bi-chevron-left"></i>\n </button>\n\n <button type="button" class="btn btn-light btn-lg position-absolute end-0 top-50 translate-middle-y me-4"\n data-action="next"\n style="z-index: 10001;"\n title="Next"\n {{#isLast}}disabled{{/isLast}}>\n <i class="bi bi-chevron-right"></i>\n </button>\n {{/showNavigation}}\n\n \x3c!-- Image container --\x3e\n <div class="lightbox-image-container w-100 h-100 d-flex align-items-center justify-content-center p-5"\n style="{{containerStyle}}">\n {{#currentImage}}\n <img src="{{src}}"\n alt="{{alt}}"\n class="lightbox-image img-fluid"\n style="{{imageStyle}}"\n data-action="image-click">\n {{/currentImage}}\n </div>\n\n \x3c!-- Loading spinner --\x3e\n <div class="lightbox-loading position-absolute top-50 start-50 translate-middle text-white"\n style="display: none;">\n <div class="spinner-border" role="status">\n <span class="visually-hidden">Loading...</span>\n </div>\n </div>\n </div>\n '}async onAfterRender(){document.body.appendChild(this.element),document.body.style.overflow="hidden",this.allowKeyboard&&document.addEventListener("keydown",this._keyboardHandler),this.preloadAdjacentImages()}async handleActionClose(){this.close()}async handleActionBackdropClick(t){this.closeOnBackdrop&&t.target===t.currentTarget&&this.close()}async handleActionPrev(){this.showPrevious()}async handleActionNext(){this.showNext()}async handleActionImageClick(){this.toggleImageMode()}showPrevious(){this.currentIndex>0&&(this.currentIndex--,this.updateImage(),this.preloadAdjacentImages())}showNext(){this.currentIndex<this.images.length-1&&(this.currentIndex++,this.updateImage(),this.preloadAdjacentImages())}goToImage(t){t>=0&&t<this.images.length&&t!==this.currentIndex&&(this.currentIndex=t,this.updateImage(),this.preloadAdjacentImages())}async updateImage(){const t=this.images[this.currentIndex],e=this.element.querySelector(".lightbox-image"),s=this.element.querySelector(".lightbox-counter"),i=this.element.querySelector('[data-action="prev"]'),n=this.element.querySelector('[data-action="next"]');e&&(this.showLoading(),e.src=t.src,e.alt=t.alt,await this.waitForImageLoad(e),this.hideLoading()),s&&(s.textContent=`${this.currentIndex+1} of ${this.images.length}`),i&&(i.disabled=0===this.currentIndex),n&&(n.disabled=this.currentIndex===this.images.length-1),this.updateTemplateProperties(),this.updateImageDisplay();const a=this.getApp()?.events;a&&a.emit("lightbox:image-changed",{gallery:this,index:this.currentIndex,image:t})}showLoading(){const t=this.element.querySelector(".lightbox-loading");t&&(t.style.display="block")}hideLoading(){const t=this.element.querySelector(".lightbox-loading");t&&(t.style.display="none")}waitForImageLoad(t){return new Promise(e=>{t.complete?e():(t.onload=e,t.onerror=e)})}preloadAdjacentImages(){const t=[];this.currentIndex>0&&t.push(this.currentIndex-1),this.currentIndex<this.images.length-1&&t.push(this.currentIndex+1),t.forEach(t=>{const e=this.images[t];(new Image).src=e.src})}handleKeyboard(t){switch(t.key){case"Escape":t.preventDefault(),this.close();break;case"ArrowLeft":t.preventDefault(),this.showPrevious();break;case"ArrowRight":t.preventDefault(),this.showNext();break;case"Home":t.preventDefault(),this.goToImage(0);break;case"End":t.preventDefault(),this.goToImage(this.images.length-1)}}toggleImageMode(){this.fitToScreen=!this.fitToScreen,this.updateTemplateProperties(),this.updateImageDisplay();const t=this.getApp()?.events;t&&t.emit("lightbox:mode-changed",{gallery:this,fitToScreen:this.fitToScreen})}updateImageDisplay(){const t=this.element.querySelector(".lightbox-image"),e=this.element.querySelector(".lightbox-image-container"),s=this.element.querySelector(".lightbox-mode-indicator");t&&(this.fitToScreen?(t.style.maxWidth="100%",t.style.maxHeight="100%",t.style.objectFit="contain",t.style.cursor="zoom-in"):(t.style.maxWidth="none",t.style.maxHeight="none",t.style.objectFit="none",t.style.cursor="zoom-out"),t.style.userSelect="none"),e&&(e.style.overflow=this.fitToScreen?"":"auto"),s&&(s.textContent=`${this.modeIndicator} • Click image to toggle`)}close(){const t=this.getApp()?.events;t&&t.emit("lightbox:closed",{gallery:this}),this.destroy()}async onBeforeDestroy(){document.body.style.overflow="",this.allowKeyboard&&document.removeEventListener("keydown",this._keyboardHandler),this.element.parentNode===document.body&&document.body.removeChild(this.element)}static show(t,e={}){const s=new LightboxGallery({images:t,...e});return s.render().then(()=>{s.mount()}),s}}window.LightboxGallery=LightboxGallery;class PDFViewer extends t{constructor(t={}){super({...t,className:`pdf-viewer ${t.className||""}`,tagName:"div"}),this.pdfUrl=t.pdfUrl||t.src||"",this.title=t.title||"PDF Document",this.pdfDoc=null,this.currentPage=1,this.totalPages=0,this.pageRendering=!1,this.pageNumPending=null,this.scale=1,this.minScale=.25,this.maxScale=5,this.scaleStep=.25,this.fitMode="page",this.canvas=null,this.ctx=null,this.showControls=!1!==t.showControls,this.allowZoom=!1!==t.allowZoom,this.allowNavigation=!1!==t.allowNavigation,this.showPageNumbers=!1!==t.showPageNumbers,this.isLoaded=!1,this.isLoading=!1,this.pdfjsWorkerPath=t.pdfjsWorkerPath||"https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.0.379/pdf.worker.min.js",this.pdfjsCMapUrl=t.pdfjsCMapUrl||"https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.0.379/cmaps/",this.canvasContainer=null,this.controlsElement=null,this.statusElement=null,this.pageInput=null}async getTemplate(){return'\n <div class="pdf-viewer-container">\n {{#showControls}}\n <div class="pdf-viewer-toolbar" data-container="toolbar">\n <div class="btn-toolbar" role="toolbar">\n \x3c!-- Navigation Controls --\x3e\n {{#allowNavigation}}\n <div class="btn-group me-2" role="group" aria-label="Navigation">\n <button type="button" class="btn btn-outline-secondary btn-sm" data-action="first-page" title="First Page">\n <i class="bi bi-chevron-double-left"></i>\n </button>\n <button type="button" class="btn btn-outline-secondary btn-sm" data-action="prev-page" title="Previous Page">\n <i class="bi bi-chevron-left"></i>\n </button>\n \n {{#showPageNumbers}}\n <div class="input-group input-group-sm" style="width: 120px;">\n <input type="number" class="form-control text-center page-input" min="1" value="1" data-change-action="page-input">\n <span class="input-group-text page-total">/ 0</span>\n </div>\n {{/showPageNumbers}}\n \n <button type="button" class="btn btn-outline-secondary btn-sm" data-action="next-page" title="Next Page">\n <i class="bi bi-chevron-right"></i>\n </button>\n <button type="button" class="btn btn-outline-secondary btn-sm" data-action="last-page" title="Last Page">\n <i class="bi bi-chevron-double-right"></i>\n </button>\n </div>\n {{/allowNavigation}}\n\n \x3c!-- Zoom Controls --\x3e\n {{#allowZoom}}\n <div class="btn-group me-2" role="group" aria-label="Zoom">\n <button type="button" class="btn btn-outline-secondary btn-sm" data-action="zoom-out" title="Zoom Out">\n <i class="bi bi-zoom-out"></i>\n </button>\n <button type="button" class="btn btn-outline-secondary btn-sm" data-action="zoom-in" title="Zoom In">\n <i class="bi bi-zoom-in"></i>\n </button>\n \n <div class="btn-group" role="group">\n <button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-bs-toggle="dropdown" title="Fit">\n <i class="bi bi-arrows-fullscreen"></i>\n </button>\n <ul class="dropdown-menu">\n <li><a class="dropdown-item" href="#" data-action="fit-page">Fit Page</a></li>\n <li><a class="dropdown-item" href="#" data-action="fit-width">Fit Width</a></li>\n <li><a class="dropdown-item" href="#" data-action="actual-size">Actual Size</a></li>\n </ul>\n </div>\n </div>\n {{/allowZoom}}\n\n \x3c!-- Utility Controls --\x3e\n <div class="btn-group me-2" role="group" aria-label="Utilities">\n <button type="button" class="btn btn-outline-secondary btn-sm" data-action="download" title="Download">\n <i class="bi bi-download"></i>\n </button>\n <button type="button" class="btn btn-outline-secondary btn-sm" data-action="print" title="Print">\n <i class="bi bi-printer"></i>\n </button>\n </div>\n </div>\n </div>\n {{/showControls}}\n\n \x3c!-- PDF Content Area --\x3e\n <div class="pdf-viewer-content" data-container="content">\n <div class="pdf-canvas-container" data-container="canvasContainer">\n <canvas class="pdf-canvas" data-container="canvas"></canvas>\n </div>\n\n <div class="pdf-viewer-overlay">\n <div class="pdf-viewer-loading">\n <div class="spinner-border text-primary" role="status">\n <span class="visually-hidden">Loading PDF...</span>\n </div>\n <div class="mt-2">Loading PDF...</div>\n </div>\n </div>\n\n <div class="pdf-viewer-error" style="display: none;">\n <div class="alert alert-danger" role="alert">\n <i class="bi bi-exclamation-triangle"></i>\n <strong>Error:</strong> <span class="error-message">Failed to load PDF</span>\n </div>\n </div>\n </div>\n\n \x3c!-- Status Bar --\x3e\n <div class="pdf-viewer-status" data-container="status">\n <small class="text-muted">\n <span class="current-page">0</span> of <span class="total-pages">0</span> pages |\n <span class="zoom-level">100%</span> |\n <span class="document-title">{{title}}</span>\n </small>\n </div>\n </div>\n '}get(){return{pdfUrl:this.pdfUrl,title:this.title,showControls:this.showControls,allowZoom:this.allowZoom,allowNavigation:this.allowNavigation,showPageNumbers:this.showPageNumbers}}async onAfterRender(){this.canvas=this.element.querySelector(".pdf-canvas"),this.canvasContainer=this.element.querySelector(".pdf-canvas-container"),this.controlsElement=this.element.querySelector(".pdf-viewer-toolbar"),this.statusElement=this.element.querySelector(".pdf-viewer-status"),this.pageInput=this.element.querySelector(".page-input"),this.overlayElement=this.element.querySelector(".pdf-viewer-overlay"),this.errorElement=this.element.querySelector(".pdf-viewer-error"),this.canvas&&(this.ctx=this.canvas.getContext("2d")),this.setupEssentialEventListeners(),await this.initializePDFJS(),this.pdfUrl&&await this.loadPDF()}setupEssentialEventListeners(){const t=t=>this.handleKeyDown(t);document.addEventListener("keydown",t);let e=null;this.canvasContainer&&(e=new ResizeObserver(()=>{"auto"!==this.fitMode&&this.applyFitMode()}),e.observe(this.canvasContainer)),this._essentialListeners=[{el:document,type:"keydown",fn:t}],this._resizeObserver=e}async initializePDFJS(){try{return void 0===window.pdfjsLib&&await this.loadPDFJSLibrary(),window.pdfjsLib.GlobalWorkerOptions.workerSrc=this.pdfjsWorkerPath,!0}catch(t){return console.error("Failed to initialize PDF.js:",t),this.showError("Failed to initialize PDF viewer"),!1}}async loadPDFJSLibrary(){return new Promise((t,e)=>{const s=document.createElement("script");s.src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.0.379/pdf.min.js",s.onload=t,s.onerror=e,document.head.appendChild(s)})}async handleActionFirstPage(){await this.goToPage(1)}async handleActionPrevPage(){await this.goToPage(this.currentPage-1)}async handleActionNextPage(){await this.goToPage(this.currentPage+1)}async handleActionLastPage(){await this.goToPage(this.totalPages)}async onChangePageInput(t,e){const s=parseInt(e.value,10);s>=1&&s<=this.totalPages?await this.goToPage(s):e.value=this.currentPage}async handleActionZoomIn(){this.setScale(this.scale+this.scaleStep)}async handleActionZoomOut(){this.setScale(this.scale-this.scaleStep)}async handleActionFitPage(){this.setFitMode("page")}async handleActionFitWidth(){this.setFitMode("width")}async handleActionActualSize(){this.setScale(1),this.fitMode="auto"}async handleActionDownload(){this.downloadPDF()}async handleActionPrint(){window.print()}async loadPDF(){if(!this.pdfUrl||!window.pdfjsLib)return this.showError("PDF URL or PDF.js library not available"),!1;this.isLoading=!0,this.showLoading();try{const t=window.pdfjsLib.getDocument({url:this.pdfUrl,cMapUrl:this.pdfjsCMapUrl,cMapPacked:!0});this.pdfDoc=await t.promise,this.totalPages=this.pdfDoc.numPages,this.currentPage=1,this.updatePageControls(),this.updateStatus(),await this.renderPage(1),this.isLoaded=!0,this.isLoading=!1,this.element.classList.add("loaded"),this.hideLoading(),this.applyFitMode();const e=this.getApp()?.events;return e&&e.emit("pdfviewer:loaded",{viewer:this,pdfUrl:this.pdfUrl,totalPages:this.totalPages}),!0}catch(t){console.error("Error loading PDF:",t),this.isLoading=!1,this.showError("Failed to load PDF document");const e=this.getApp()?.events;return e&&e.emit("pdfviewer:error",{viewer:this,pdfUrl:this.pdfUrl,error:t.message}),!1}}async renderPage(t){if(this.pageRendering)this.pageNumPending=t;else if(this.pdfDoc&&this.canvas&&this.ctx){this.pageRendering=!0,this.currentPage=t;try{const e=await this.pdfDoc.getPage(t),s=e.getViewport({scale:this.scale});this.canvas.height=s.height,this.canvas.width=s.width,this.ctx.clearRect(0,0,this.canvas.width,this.canvas.height);const i={canvasContext:this.ctx,viewport:s},n=e.render(i);if(await n.promise,this.pageRendering=!1,null!==this.pageNumPending){const t=this.pageNumPending;this.pageNumPending=null,await this.renderPage(t)}this.updatePageControls(),this.updateStatus();const a=this.getApp()?.events;a&&a.emit("pdfviewer:page-changed",{viewer:this,currentPage:this.currentPage,totalPages:this.totalPages})}catch(e){console.error("Error rendering page:",e),this.pageRendering=!1,this.showError("Failed to render PDF page")}}}async goToPage(t){!this.pdfDoc||t<1||t>this.totalPages||await this.renderPage(t)}setScale(t){const e=this.scale;this.scale=Math.max(this.minScale,Math.min(this.maxScale,t)),this.fitMode="auto",this.isLoaded&&this.renderPage(this.currentPage);const s=this.getApp()?.events;s&&e!==this.scale&&s.emit("pdfviewer:scale-changed",{viewer:this,oldScale:e,newScale:this.scale})}setFitMode(t){const e=this.fitMode;this.fitMode=t,this.applyFitMode();const s=this.getApp()?.events;s&&s.emit("pdfviewer:fit-mode-changed",{viewer:this,oldMode:e,newMode:t})}applyFitMode(){this.isLoaded&&this.pdfDoc&&this.canvasContainer&&this.pdfDoc.getPage(this.currentPage).then(t=>{const e=this.canvasContainer.getBoundingClientRect(),s=t.getViewport({scale:1});let i;if("page"===this.fitMode){const t=(e.width-40)/s.width,n=(e.height-40)/s.height;i=Math.min(t,n)}else{if("width"!==this.fitMode)return;i=(e.width-40)/s.width}this.scale=Math.max(this.minScale,Math.min(this.maxScale,i)),this.renderPage(this.currentPage)})}handleKeyDown(t){if("INPUT"!==t.target.tagName||t.target===this.pageInput)switch(t.key){case"ArrowLeft":case"PageUp":t.preventDefault(),this.goToPage(this.currentPage-1);break;case"ArrowRight":case"PageDown":t.preventDefault(),this.goToPage(this.currentPage+1);break;case"Home":t.preventDefault(),this.goToPage(1);break;case"End":t.preventDefault(),this.goToPage(this.totalPages);break;case"+":case"=":(t.ctrlKey||t.metaKey)&&(t.preventDefault(),this.setScale(this.scale+this.scaleStep));break;case"-":(t.ctrlKey||t.metaKey)&&(t.preventDefault(),this.setScale(this.scale-this.scaleStep));break;case"0":(t.ctrlKey||t.metaKey)&&(t.preventDefault(),this.setFitMode("page"))}}updatePageControls(){this.pageInput&&(this.pageInput.value=this.currentPage);const t=this.element.querySelector(".page-total");t&&(t.textContent=`/ ${this.totalPages}`);const e=this.element.querySelector('[data-action="first-page"]'),s=this.element.querySelector('[data-action="prev-page"]'),i=this.element.querySelector('[data-action="next-page"]'),n=this.element.querySelector('[data-action="last-page"]');e&&(e.disabled=this.currentPage<=1),s&&(s.disabled=this.currentPage<=1),i&&(i.disabled=this.currentPage>=this.totalPages),n&&(n.disabled=this.currentPage>=this.totalPages);const a=this.element.querySelector('[data-action="zoom-in"]'),o=this.element.querySelector('[data-action="zoom-out"]');a&&(a.disabled=this.scale>=this.maxScale),o&&(o.disabled=this.scale<=this.minScale)}updateStatus(){if(!this.statusElement)return;const t=this.statusElement.querySelector(".current-page"),e=this.statusElement.querySelector(".total-pages"),s=this.statusElement.querySelector(".zoom-level");t&&(t.textContent=this.currentPage),e&&(e.textContent=this.totalPages),s&&(s.textContent=`${Math.round(100*this.scale)}%`)}showLoading(){this.overlayElement&&(this.overlayElement.style.display="flex")}hideLoading(){this.overlayElement&&(this.overlayElement.style.display="none")}showError(t){if(this.hideLoading(),this.errorElement){const e=this.errorElement.querySelector(".error-message");e&&(e.textContent=t),this.errorElement.style.display="block"}console.error("PDF Viewer Error:",t)}downloadPDF(){if(!this.pdfUrl)return;const t=document.createElement("a");t.href=this.pdfUrl,t.download=this.title+".pdf",t.target="_blank",t.click()}setPDF(t,e=""){const s=this.pdfUrl;this.pdfUrl=t,this.title=e||"PDF Document",this.isLoaded=!1,this.element.classList.remove("loaded"),this.pdfDoc&&(this.pdfDoc.destroy(),this.pdfDoc=null),this.currentPage=1,this.totalPages=0,this.scale=1,t&&this.loadPDF();const i=this.getApp()?.events;i&&i.emit("pdfviewer:pdf-changed",{viewer:this,oldPdfUrl:s,newPdfUrl:t})}getCurrentPage(){return this.currentPage}getTotalPages(){return this.totalPages}getCurrentScale(){return this.scale}async onBeforeDestroy(){this.pdfDoc&&(this.pdfDoc.destroy(),this.pdfDoc=null),this.pageRendering=!1,this.pageNumPending=null,this._essentialListeners&&(this._essentialListeners.forEach(({el:t,type:e,fn:s})=>{t&&t.removeEventListener(e,s)}),this._essentialListeners=null),this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null);const t=this.getApp()?.events;t&&t.emit("pdfviewer:destroyed",{viewer:this})}static async showDialog(t,s={}){const{title:i="PDF Viewer",size:n="fullscreen",showControls:a=!0,allowZoom:o=!0,allowNavigation:r=!0,showPageNumbers:l=!0,...c}=s,d=new PDFViewer({pdfUrl:t,title:i,showControls:a,allowZoom:o,allowNavigation:r,showPageNumbers:l}),h=new e({title:i,body:d,size:n,centered:!0,backdrop:"static",keyboard:!0,buttons:[{text:"Download",action:"download",class:"btn btn-outline-primary"},{text:"Close",action:"close",class:"btn btn-secondary",dismiss:!0}],...c});return await h.render(),document.body.appendChild(h.element),await h.mount(),h.show(),new Promise(t=>{h.on("hidden",()=>{h.destroy(),t(d)}),h.on("action:download",()=>{d.downloadPDF()}),h.on("action:close",()=>{h.hide()})})}}export{LightboxGallery as L,PDFViewer as P};
2
+ //# sourceMappingURL=PDFViewer-XPhqOvSX.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PDFViewer-DYAJqRAV.js","sources":["../../src/extensions/lightbox/LightboxGallery.js","../../src/extensions/lightbox/PDFViewer.js"],"sourcesContent":["/**\n * LightboxGallery - Simple fullscreen image gallery\n * Clean, minimal lightbox for viewing single images or galleries\n */\n\nimport View from '@core/View.js';\n\nexport default class LightboxGallery extends View {\n constructor(options = {}) {\n super({\n ...options,\n className: `lightbox-gallery ${options.className || ''}`,\n tagName: 'div'\n });\n\n // Handle single image or array of images and normalize to objects\n const rawImages = Array.isArray(options.images) ? options.images : [options.images || options.src].filter(Boolean);\n this.images = rawImages.map(img => {\n if (typeof img === 'string') {\n return { src: img, alt: '' };\n }\n return { src: img.src, alt: img.alt || '' };\n });\n this.currentIndex = options.startIndex || 0;\n this.showNavigation = options.showNavigation !== false && this.images.length > 1;\n this.showCounter = options.showCounter !== false && this.images.length > 1;\n this.allowKeyboard = options.allowKeyboard !== false;\n this.closeOnBackdrop = options.closeOnBackdrop !== false;\n this.fitToScreen = options.fitToScreen !== false; // Start in fit-to-screen mode\n\n // Bind keyboard handler for cleanup\n this._keyboardHandler = this.handleKeyboard.bind(this);\n\n // Set template properties directly on view instance\n this.updateTemplateProperties();\n }\n\n updateTemplateProperties() {\n this.currentImage = this.images[this.currentIndex] || { src: '', alt: '' };\n this.currentNumber = this.currentIndex + 1;\n this.total = this.images.length;\n this.isFirst = this.currentIndex === 0;\n this.isLast = this.currentIndex === this.images.length - 1;\n this.imageStyle = this.fitToScreen\n ? 'width: 90vw; max-height: 100%; object-fit: contain; user-select: none; cursor: zoom-in;'\n : 'max-width: none; max-height: none; user-select: none; cursor: zoom-out;';\n this.containerStyle = this.fitToScreen\n ? ''\n : 'overflow: auto;';\n this.modeIndicator = this.fitToScreen ? 'Fit to Screen' : 'Original Size';\n }\n\n async getTemplate() {\n const currentImage = this.images[this.currentIndex];\n const hasMultiple = this.images.length > 1;\n\n return `\n <div class=\"lightbox-overlay position-fixed top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center\"\n style=\"background: rgba(0,0,0,0.9); z-index: 9999;\"\n data-action=\"backdrop-click\">\n\n <!-- Close button -->\n <button type=\"button\" class=\"btn-close btn-close-white position-absolute top-0 end-0 m-4\"\n data-action=\"close\"\n style=\"z-index: 10001;\"\n title=\"Close\"></button>\n\n <!-- Counter -->\n {{#showCounter}}\n <div class=\"lightbox-counter position-absolute top-0 start-50 translate-middle-x mt-4 text-white\"\n style=\"z-index: 10001; font-size: 1.1rem;\">\n {{currentNumber}} of {{total}}\n </div>\n {{/showCounter}}\n\n <!-- Mode Indicator -->\n <div class=\"lightbox-mode-indicator position-absolute bottom-0 start-50 translate-middle-x mb-4 text-white bg-dark bg-opacity-75 px-3 py-2 rounded\"\n style=\"z-index: 10001; font-size: 0.9rem;\">\n {{modeIndicator}} • Click image to toggle\n </div>\n\n <!-- Navigation -->\n {{#showNavigation}}\n <button type=\"button\" class=\"btn btn-light btn-lg position-absolute start-0 top-50 translate-middle-y ms-4\"\n data-action=\"prev\"\n style=\"z-index: 10001;\"\n title=\"Previous\"\n {{#isFirst}}disabled{{/isFirst}}>\n <i class=\"bi bi-chevron-left\"></i>\n </button>\n\n <button type=\"button\" class=\"btn btn-light btn-lg position-absolute end-0 top-50 translate-middle-y me-4\"\n data-action=\"next\"\n style=\"z-index: 10001;\"\n title=\"Next\"\n {{#isLast}}disabled{{/isLast}}>\n <i class=\"bi bi-chevron-right\"></i>\n </button>\n {{/showNavigation}}\n\n <!-- Image container -->\n <div class=\"lightbox-image-container w-100 h-100 d-flex align-items-center justify-content-center p-5\"\n style=\"{{containerStyle}}\">\n {{#currentImage}}\n <img src=\"{{src}}\"\n alt=\"{{alt}}\"\n class=\"lightbox-image img-fluid\"\n style=\"{{imageStyle}}\"\n data-action=\"image-click\">\n {{/currentImage}}\n </div>\n\n <!-- Loading spinner -->\n <div class=\"lightbox-loading position-absolute top-50 start-50 translate-middle text-white\"\n style=\"display: none;\">\n <div class=\"spinner-border\" role=\"status\">\n <span class=\"visually-hidden\">Loading...</span>\n </div>\n </div>\n </div>\n `;\n }\n\n\n\n async onAfterRender() {\n // Add to body for fullscreen\n document.body.appendChild(this.element);\n document.body.style.overflow = 'hidden';\n\n // Set up keyboard navigation\n if (this.allowKeyboard) {\n document.addEventListener('keydown', this._keyboardHandler);\n }\n\n // Preload next/previous images\n this.preloadAdjacentImages();\n }\n\n // Action handlers\n async handleActionClose() {\n this.close();\n }\n\n async handleActionBackdropClick(e) {\n // Only close if clicked on backdrop, not image\n if (this.closeOnBackdrop && e.target === e.currentTarget) {\n this.close();\n }\n }\n\n async handleActionPrev() {\n this.showPrevious();\n }\n\n async handleActionNext() {\n this.showNext();\n }\n\n async handleActionImageClick() {\n this.toggleImageMode();\n }\n\n // Navigation methods\n showPrevious() {\n if (this.currentIndex > 0) {\n this.currentIndex--;\n this.updateImage();\n this.preloadAdjacentImages();\n }\n }\n\n showNext() {\n if (this.currentIndex < this.images.length - 1) {\n this.currentIndex++;\n this.updateImage();\n this.preloadAdjacentImages();\n }\n }\n\n goToImage(index) {\n if (index >= 0 && index < this.images.length && index !== this.currentIndex) {\n this.currentIndex = index;\n this.updateImage();\n this.preloadAdjacentImages();\n }\n }\n\n // Update image without full re-render\n async updateImage() {\n const currentImage = this.images[this.currentIndex];\n const imgElement = this.element.querySelector('.lightbox-image');\n const counterElement = this.element.querySelector('.lightbox-counter');\n const prevBtn = this.element.querySelector('[data-action=\"prev\"]');\n const nextBtn = this.element.querySelector('[data-action=\"next\"]');\n\n if (imgElement) {\n // Show loading\n this.showLoading();\n\n // Update image\n imgElement.src = currentImage.src;\n imgElement.alt = currentImage.alt;\n\n // Wait for image to load\n await this.waitForImageLoad(imgElement);\n\n // Hide loading\n this.hideLoading();\n }\n\n // Update counter\n if (counterElement) {\n counterElement.textContent = `${this.currentIndex + 1} of ${this.images.length}`;\n }\n\n // Update navigation buttons\n if (prevBtn) {\n prevBtn.disabled = this.currentIndex === 0;\n }\n if (nextBtn) {\n nextBtn.disabled = this.currentIndex === this.images.length - 1;\n }\n\n // Update template properties\n this.updateTemplateProperties();\n\n // Update image display mode\n this.updateImageDisplay();\n\n // Emit event\n const eventBus = this.getApp()?.events;\n if (eventBus) {\n eventBus.emit('lightbox:image-changed', {\n gallery: this,\n index: this.currentIndex,\n image: currentImage\n });\n }\n }\n\n showLoading() {\n const loading = this.element.querySelector('.lightbox-loading');\n if (loading) {\n loading.style.display = 'block';\n }\n }\n\n hideLoading() {\n const loading = this.element.querySelector('.lightbox-loading');\n if (loading) {\n loading.style.display = 'none';\n }\n }\n\n waitForImageLoad(imgElement) {\n return new Promise((resolve) => {\n if (imgElement.complete) {\n resolve();\n } else {\n imgElement.onload = resolve;\n imgElement.onerror = resolve; // Still resolve on error\n }\n });\n }\n\n // Preload adjacent images for smooth navigation\n preloadAdjacentImages() {\n const preloadIndexes = [];\n\n // Previous image\n if (this.currentIndex > 0) {\n preloadIndexes.push(this.currentIndex - 1);\n }\n\n // Next image\n if (this.currentIndex < this.images.length - 1) {\n preloadIndexes.push(this.currentIndex + 1);\n }\n\n preloadIndexes.forEach(index => {\n const image = this.images[index];\n\n // Create image element to trigger browser caching\n const preloadImg = new Image();\n preloadImg.src = image.src;\n });\n }\n\n // Keyboard navigation\n handleKeyboard(e) {\n switch (e.key) {\n case 'Escape':\n e.preventDefault();\n this.close();\n break;\n case 'ArrowLeft':\n e.preventDefault();\n this.showPrevious();\n break;\n case 'ArrowRight':\n e.preventDefault();\n this.showNext();\n break;\n case 'Home':\n e.preventDefault();\n this.goToImage(0);\n break;\n case 'End':\n e.preventDefault();\n this.goToImage(this.images.length - 1);\n break;\n }\n }\n\n // Toggle between fit-to-screen and original size\n toggleImageMode() {\n this.fitToScreen = !this.fitToScreen;\n this.updateTemplateProperties();\n this.updateImageDisplay();\n\n // Emit mode change event\n const eventBus = this.getApp()?.events;\n if (eventBus) {\n eventBus.emit('lightbox:mode-changed', {\n gallery: this,\n fitToScreen: this.fitToScreen\n });\n }\n }\n\n // Update image display without full re-render\n updateImageDisplay() {\n const imgElement = this.element.querySelector('.lightbox-image');\n const containerElement = this.element.querySelector('.lightbox-image-container');\n const indicatorElement = this.element.querySelector('.lightbox-mode-indicator');\n\n if (imgElement) {\n if (this.fitToScreen) {\n imgElement.style.maxWidth = '100%';\n imgElement.style.maxHeight = '100%';\n imgElement.style.objectFit = 'contain';\n imgElement.style.cursor = 'zoom-in';\n } else {\n imgElement.style.maxWidth = 'none';\n imgElement.style.maxHeight = 'none';\n imgElement.style.objectFit = 'none';\n imgElement.style.cursor = 'zoom-out';\n }\n imgElement.style.userSelect = 'none';\n }\n\n if (containerElement) {\n containerElement.style.overflow = this.fitToScreen ? '' : 'auto';\n }\n\n if (indicatorElement) {\n indicatorElement.textContent = `${this.modeIndicator} • Click image to toggle`;\n }\n }\n\n // Close lightbox\n close() {\n // Emit close event\n const eventBus = this.getApp()?.events;\n if (eventBus) {\n eventBus.emit('lightbox:closed', { gallery: this });\n }\n\n this.destroy();\n }\n\n async onBeforeDestroy() {\n // Restore body overflow\n document.body.style.overflow = '';\n\n // Remove keyboard listener\n if (this.allowKeyboard) {\n document.removeEventListener('keydown', this._keyboardHandler);\n }\n\n // Remove from body\n if (this.element.parentNode === document.body) {\n document.body.removeChild(this.element);\n }\n }\n\n // Static method to show lightbox\n static show(images, options = {}) {\n const lightbox = new LightboxGallery({\n images,\n ...options\n });\n\n lightbox.render().then(() => {\n lightbox.mount();\n });\n\n return lightbox;\n }\n}\n\nwindow.LightboxGallery = LightboxGallery;\n","/**\n * PDFViewer - PDF document viewer component with zoom and navigation\n * Built for the MOJO framework with PDF.js integration\n */\n\nimport View from '@core/View.js';\nimport Dialog from '@core/views/feedback/Dialog.js';\n\nexport default class PDFViewer extends View {\n constructor(options = {}) {\n super({\n ...options,\n className: `pdf-viewer ${options.className || ''}`,\n tagName: 'div'\n });\n\n // PDF properties\n this.pdfUrl = options.pdfUrl || options.src || '';\n this.title = options.title || 'PDF Document';\n\n // PDF.js objects\n this.pdfDoc = null;\n this.currentPage = 1;\n this.totalPages = 0;\n this.pageRendering = false;\n this.pageNumPending = null;\n\n // Zoom and display state\n this.scale = 1.0;\n this.minScale = 0.25;\n this.maxScale = 5.0;\n this.scaleStep = 0.25;\n this.fitMode = 'page'; // 'page', 'width', 'auto'\n\n // Canvas and context\n this.canvas = null;\n this.ctx = null;\n\n // Options\n this.showControls = options.showControls !== false;\n this.allowZoom = options.allowZoom !== false;\n this.allowNavigation = options.allowNavigation !== false;\n this.showPageNumbers = options.showPageNumbers !== false;\n\n // Loading state\n this.isLoaded = false;\n this.isLoading = false;\n\n // PDF.js worker path - can be customized\n this.pdfjsWorkerPath = options.pdfjsWorkerPath || 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.0.379/pdf.worker.min.js';\n this.pdfjsCMapUrl = options.pdfjsCMapUrl || 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.0.379/cmaps/';\n\n // Elements\n this.canvasContainer = null;\n this.controlsElement = null;\n this.statusElement = null;\n this.pageInput = null;\n }\n\n async getTemplate() {\n return `\n <div class=\"pdf-viewer-container\">\n {{#showControls}}\n <div class=\"pdf-viewer-toolbar\" data-container=\"toolbar\">\n <div class=\"btn-toolbar\" role=\"toolbar\">\n <!-- Navigation Controls -->\n {{#allowNavigation}}\n <div class=\"btn-group me-2\" role=\"group\" aria-label=\"Navigation\">\n <button type=\"button\" class=\"btn btn-outline-secondary btn-sm\" data-action=\"first-page\" title=\"First Page\">\n <i class=\"bi bi-chevron-double-left\"></i>\n </button>\n <button type=\"button\" class=\"btn btn-outline-secondary btn-sm\" data-action=\"prev-page\" title=\"Previous Page\">\n <i class=\"bi bi-chevron-left\"></i>\n </button>\n \n {{#showPageNumbers}}\n <div class=\"input-group input-group-sm\" style=\"width: 120px;\">\n <input type=\"number\" class=\"form-control text-center page-input\" min=\"1\" value=\"1\" data-change-action=\"page-input\">\n <span class=\"input-group-text page-total\">/ 0</span>\n </div>\n {{/showPageNumbers}}\n \n <button type=\"button\" class=\"btn btn-outline-secondary btn-sm\" data-action=\"next-page\" title=\"Next Page\">\n <i class=\"bi bi-chevron-right\"></i>\n </button>\n <button type=\"button\" class=\"btn btn-outline-secondary btn-sm\" data-action=\"last-page\" title=\"Last Page\">\n <i class=\"bi bi-chevron-double-right\"></i>\n </button>\n </div>\n {{/allowNavigation}}\n\n <!-- Zoom Controls -->\n {{#allowZoom}}\n <div class=\"btn-group me-2\" role=\"group\" aria-label=\"Zoom\">\n <button type=\"button\" class=\"btn btn-outline-secondary btn-sm\" data-action=\"zoom-out\" title=\"Zoom Out\">\n <i class=\"bi bi-zoom-out\"></i>\n </button>\n <button type=\"button\" class=\"btn btn-outline-secondary btn-sm\" data-action=\"zoom-in\" title=\"Zoom In\">\n <i class=\"bi bi-zoom-in\"></i>\n </button>\n \n <div class=\"btn-group\" role=\"group\">\n <button type=\"button\" class=\"btn btn-outline-secondary btn-sm dropdown-toggle\" data-bs-toggle=\"dropdown\" title=\"Fit\">\n <i class=\"bi bi-arrows-fullscreen\"></i>\n </button>\n <ul class=\"dropdown-menu\">\n <li><a class=\"dropdown-item\" href=\"#\" data-action=\"fit-page\">Fit Page</a></li>\n <li><a class=\"dropdown-item\" href=\"#\" data-action=\"fit-width\">Fit Width</a></li>\n <li><a class=\"dropdown-item\" href=\"#\" data-action=\"actual-size\">Actual Size</a></li>\n </ul>\n </div>\n </div>\n {{/allowZoom}}\n\n <!-- Utility Controls -->\n <div class=\"btn-group me-2\" role=\"group\" aria-label=\"Utilities\">\n <button type=\"button\" class=\"btn btn-outline-secondary btn-sm\" data-action=\"download\" title=\"Download\">\n <i class=\"bi bi-download\"></i>\n </button>\n <button type=\"button\" class=\"btn btn-outline-secondary btn-sm\" data-action=\"print\" title=\"Print\">\n <i class=\"bi bi-printer\"></i>\n </button>\n </div>\n </div>\n </div>\n {{/showControls}}\n\n <!-- PDF Content Area -->\n <div class=\"pdf-viewer-content\" data-container=\"content\">\n <div class=\"pdf-canvas-container\" data-container=\"canvasContainer\">\n <canvas class=\"pdf-canvas\" data-container=\"canvas\"></canvas>\n </div>\n\n <div class=\"pdf-viewer-overlay\">\n <div class=\"pdf-viewer-loading\">\n <div class=\"spinner-border text-primary\" role=\"status\">\n <span class=\"visually-hidden\">Loading PDF...</span>\n </div>\n <div class=\"mt-2\">Loading PDF...</div>\n </div>\n </div>\n\n <div class=\"pdf-viewer-error\" style=\"display: none;\">\n <div class=\"alert alert-danger\" role=\"alert\">\n <i class=\"bi bi-exclamation-triangle\"></i>\n <strong>Error:</strong> <span class=\"error-message\">Failed to load PDF</span>\n </div>\n </div>\n </div>\n\n <!-- Status Bar -->\n <div class=\"pdf-viewer-status\" data-container=\"status\">\n <small class=\"text-muted\">\n <span class=\"current-page\">0</span> of <span class=\"total-pages\">0</span> pages |\n <span class=\"zoom-level\">100%</span> |\n <span class=\"document-title\">{{title}}</span>\n </small>\n </div>\n </div>\n `;\n }\n\n get() {\n return {\n pdfUrl: this.pdfUrl,\n title: this.title,\n showControls: this.showControls,\n allowZoom: this.allowZoom,\n allowNavigation: this.allowNavigation,\n showPageNumbers: this.showPageNumbers\n };\n }\n\n async onAfterRender() {\n // Cache DOM elements\n this.canvas = this.element.querySelector('.pdf-canvas');\n this.canvasContainer = this.element.querySelector('.pdf-canvas-container');\n this.controlsElement = this.element.querySelector('.pdf-viewer-toolbar');\n this.statusElement = this.element.querySelector('.pdf-viewer-status');\n this.pageInput = this.element.querySelector('.page-input');\n this.overlayElement = this.element.querySelector('.pdf-viewer-overlay');\n this.errorElement = this.element.querySelector('.pdf-viewer-error');\n\n if (this.canvas) {\n this.ctx = this.canvas.getContext('2d');\n }\n// Set up essential event listeners (keyboard, resize)\nthis.setupEssentialEventListeners();\n\n// Initialize PDF.js and load PDF\nawait this.initializePDFJS();\nif (this.pdfUrl) {\n await this.loadPDF();\n}\n}\n\n\n\n setupEssentialEventListeners() {\n // Essential events that can't be handled by EventDelegate\n const keydownHandler = (e) => this.handleKeyDown(e);\n document.addEventListener('keydown', keydownHandler);\n\n // Canvas resize observer for fit mode\n let resizeObserver = null;\n if (this.canvasContainer) {\n resizeObserver = new ResizeObserver(() => {\n if (this.fitMode !== 'auto') {\n this.applyFitMode();\n }\n });\n resizeObserver.observe(this.canvasContainer);\n }\n\n // Store listeners for cleanup\n this._essentialListeners = [\n { el: document, type: 'keydown', fn: keydownHandler }\n ];\n this._resizeObserver = resizeObserver;\n }\n\n async initializePDFJS() {\n try {\n // Load PDF.js if not already loaded\n if (typeof window.pdfjsLib === 'undefined') {\n await this.loadPDFJSLibrary();\n }\n\n // Configure PDF.js\n window.pdfjsLib.GlobalWorkerOptions.workerSrc = this.pdfjsWorkerPath;\n \n return true;\n } catch (error) {\n console.error('Failed to initialize PDF.js:', error);\n this.showError('Failed to initialize PDF viewer');\n return false;\n }\n }\n\n async loadPDFJSLibrary() {\n return new Promise((resolve, reject) => {\n const script = document.createElement('script');\n script.src = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.0.379/pdf.min.js';\n script.onload = resolve;\n script.onerror = reject;\n document.head.appendChild(script);\n });\n }\n\n // Action Handlers\n async handleActionFirstPage() {\n await this.goToPage(1);\n }\n\n async handleActionPrevPage() {\n await this.goToPage(this.currentPage - 1);\n }\n\n async handleActionNextPage() {\n await this.goToPage(this.currentPage + 1);\n }\n\n async handleActionLastPage() {\n await this.goToPage(this.totalPages);\n }\n\n async onChangePageInput(event, element) {\n const pageNumber = parseInt(element.value, 10);\n if (pageNumber >= 1 && pageNumber <= this.totalPages) {\n await this.goToPage(pageNumber);\n } else {\n element.value = this.currentPage;\n }\n }\n\n async handleActionZoomIn() {\n this.setScale(this.scale + this.scaleStep);\n }\n\n async handleActionZoomOut() {\n this.setScale(this.scale - this.scaleStep);\n }\n\n async handleActionFitPage() {\n this.setFitMode('page');\n }\n\n async handleActionFitWidth() {\n this.setFitMode('width');\n }\n\n async handleActionActualSize() {\n this.setScale(1.0);\n this.fitMode = 'auto';\n }\n\n async handleActionDownload() {\n this.downloadPDF();\n }\n\n async handleActionPrint() {\n window.print();\n }\n\n // PDF Loading\n async loadPDF() {\n if (!this.pdfUrl || !window.pdfjsLib) {\n this.showError('PDF URL or PDF.js library not available');\n return false;\n }\n\n this.isLoading = true;\n this.showLoading();\n\n try {\n const loadingTask = window.pdfjsLib.getDocument({\n url: this.pdfUrl,\n cMapUrl: this.pdfjsCMapUrl,\n cMapPacked: true\n });\n\n this.pdfDoc = await loadingTask.promise;\n this.totalPages = this.pdfDoc.numPages;\n this.currentPage = 1;\n\n // Update UI\n this.updatePageControls();\n this.updateStatus();\n\n // Render first page\n await this.renderPage(1);\n\n this.isLoaded = true;\n this.isLoading = false;\n this.element.classList.add('loaded');\n this.hideLoading();\n\n // Apply initial fit mode\n this.applyFitMode();\n\n // Emit loaded event via EventBus\n const eventBus = this.getApp()?.events;\n if (eventBus) {\n eventBus.emit('pdfviewer:loaded', { \n viewer: this, \n pdfUrl: this.pdfUrl,\n totalPages: this.totalPages\n });\n }\n\n return true;\n\n } catch (error) {\n console.error('Error loading PDF:', error);\n this.isLoading = false;\n this.showError('Failed to load PDF document');\n \n // Emit error event via EventBus\n const eventBus = this.getApp()?.events;\n if (eventBus) {\n eventBus.emit('pdfviewer:error', { \n viewer: this, \n pdfUrl: this.pdfUrl,\n error: error.message\n });\n }\n \n return false;\n }\n }\n\n async renderPage(pageNumber) {\n if (this.pageRendering) {\n this.pageNumPending = pageNumber;\n return;\n }\n\n if (!this.pdfDoc || !this.canvas || !this.ctx) {\n return;\n }\n\n this.pageRendering = true;\n this.currentPage = pageNumber;\n\n try {\n const page = await this.pdfDoc.getPage(pageNumber);\n const viewport = page.getViewport({ scale: this.scale });\n\n // Set canvas dimensions\n this.canvas.height = viewport.height;\n this.canvas.width = viewport.width;\n\n // Clear canvas\n this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);\n\n // Render page\n const renderContext = {\n canvasContext: this.ctx,\n viewport: viewport\n };\n\n const renderTask = page.render(renderContext);\n await renderTask.promise;\n\n this.pageRendering = false;\n\n // If there was a pending page render request\n if (this.pageNumPending !== null) {\n const pendingPage = this.pageNumPending;\n this.pageNumPending = null;\n await this.renderPage(pendingPage);\n }\n\n this.updatePageControls();\n this.updateStatus();\n\n // Emit page changed event\n const eventBus = this.getApp()?.events;\n if (eventBus) {\n eventBus.emit('pdfviewer:page-changed', { \n viewer: this, \n currentPage: this.currentPage,\n totalPages: this.totalPages\n });\n }\n\n } catch (error) {\n console.error('Error rendering page:', error);\n this.pageRendering = false;\n this.showError('Failed to render PDF page');\n }\n }\n\n // Navigation\n async goToPage(pageNumber) {\n if (!this.pdfDoc || pageNumber < 1 || pageNumber > this.totalPages) {\n return;\n }\n\n await this.renderPage(pageNumber);\n }\n\n // Zoom and Fit\n setScale(scale) {\n const oldScale = this.scale;\n this.scale = Math.max(this.minScale, Math.min(this.maxScale, scale));\n this.fitMode = 'auto';\n \n if (this.isLoaded) {\n this.renderPage(this.currentPage);\n }\n\n // Emit scale change event\n const eventBus = this.getApp()?.events;\n if (eventBus && oldScale !== this.scale) {\n eventBus.emit('pdfviewer:scale-changed', { \n viewer: this, \n oldScale, \n newScale: this.scale \n });\n }\n }\n\n setFitMode(mode) {\n const oldMode = this.fitMode;\n this.fitMode = mode;\n this.applyFitMode();\n\n // Emit fit mode change event\n const eventBus = this.getApp()?.events;\n if (eventBus) {\n eventBus.emit('pdfviewer:fit-mode-changed', { \n viewer: this, \n oldMode, \n newMode: mode \n });\n }\n }\n\n applyFitMode() {\n if (!this.isLoaded || !this.pdfDoc || !this.canvasContainer) {\n return;\n }\n\n this.pdfDoc.getPage(this.currentPage).then(page => {\n const containerRect = this.canvasContainer.getBoundingClientRect();\n const viewport = page.getViewport({ scale: 1 });\n\n let newScale;\n if (this.fitMode === 'page') {\n const scaleX = (containerRect.width - 40) / viewport.width;\n const scaleY = (containerRect.height - 40) / viewport.height;\n newScale = Math.min(scaleX, scaleY);\n } else if (this.fitMode === 'width') {\n newScale = (containerRect.width - 40) / viewport.width;\n } else {\n return; // auto mode, don't change scale\n }\n\n this.scale = Math.max(this.minScale, Math.min(this.maxScale, newScale));\n this.renderPage(this.currentPage);\n });\n }\n\n // Event Handlers\n handleKeyDown(e) {\n // Only handle if PDF viewer is focused or no input is focused\n if (e.target.tagName === 'INPUT' && e.target !== this.pageInput) {\n return;\n }\n\n switch (e.key) {\n case 'ArrowLeft':\n case 'PageUp':\n e.preventDefault();\n this.goToPage(this.currentPage - 1);\n break;\n case 'ArrowRight':\n case 'PageDown':\n e.preventDefault();\n this.goToPage(this.currentPage + 1);\n break;\n case 'Home':\n e.preventDefault();\n this.goToPage(1);\n break;\n case 'End':\n e.preventDefault();\n this.goToPage(this.totalPages);\n break;\n case '+':\n case '=':\n if (e.ctrlKey || e.metaKey) {\n e.preventDefault();\n this.setScale(this.scale + this.scaleStep);\n }\n break;\n case '-':\n if (e.ctrlKey || e.metaKey) {\n e.preventDefault();\n this.setScale(this.scale - this.scaleStep);\n }\n break;\n case '0':\n if (e.ctrlKey || e.metaKey) {\n e.preventDefault();\n this.setFitMode('page');\n }\n break;\n }\n }\n\n // UI Updates\n updatePageControls() {\n // Update page input\n if (this.pageInput) {\n this.pageInput.value = this.currentPage;\n }\n\n // Update page total display\n const pageTotalElement = this.element.querySelector('.page-total');\n if (pageTotalElement) {\n pageTotalElement.textContent = `/ ${this.totalPages}`;\n }\n\n // Update navigation buttons\n const firstBtn = this.element.querySelector('[data-action=\"first-page\"]');\n const prevBtn = this.element.querySelector('[data-action=\"prev-page\"]');\n const nextBtn = this.element.querySelector('[data-action=\"next-page\"]');\n const lastBtn = this.element.querySelector('[data-action=\"last-page\"]');\n\n if (firstBtn) firstBtn.disabled = this.currentPage <= 1;\n if (prevBtn) prevBtn.disabled = this.currentPage <= 1;\n if (nextBtn) nextBtn.disabled = this.currentPage >= this.totalPages;\n if (lastBtn) lastBtn.disabled = this.currentPage >= this.totalPages;\n\n // Update zoom buttons\n const zoomInBtn = this.element.querySelector('[data-action=\"zoom-in\"]');\n const zoomOutBtn = this.element.querySelector('[data-action=\"zoom-out\"]');\n\n if (zoomInBtn) zoomInBtn.disabled = this.scale >= this.maxScale;\n if (zoomOutBtn) zoomOutBtn.disabled = this.scale <= this.minScale;\n }\n\n updateStatus() {\n if (!this.statusElement) return;\n\n const currentPageElement = this.statusElement.querySelector('.current-page');\n const totalPagesElement = this.statusElement.querySelector('.total-pages');\n const zoomLevelElement = this.statusElement.querySelector('.zoom-level');\n\n if (currentPageElement) {\n currentPageElement.textContent = this.currentPage;\n }\n if (totalPagesElement) {\n totalPagesElement.textContent = this.totalPages;\n }\n if (zoomLevelElement) {\n zoomLevelElement.textContent = `${Math.round(this.scale * 100)}%`;\n }\n }\n\n // Utility Methods\n showLoading() {\n if (this.overlayElement) {\n this.overlayElement.style.display = 'flex';\n }\n }\n\n hideLoading() {\n if (this.overlayElement) {\n this.overlayElement.style.display = 'none';\n }\n }\n\n showError(message) {\n this.hideLoading();\n \n if (this.errorElement) {\n const errorMessageElement = this.errorElement.querySelector('.error-message');\n if (errorMessageElement) {\n errorMessageElement.textContent = message;\n }\n this.errorElement.style.display = 'block';\n }\n\n console.error('PDF Viewer Error:', message);\n }\n\n downloadPDF() {\n if (!this.pdfUrl) return;\n\n const link = document.createElement('a');\n link.href = this.pdfUrl;\n link.download = this.title + '.pdf';\n link.target = '_blank';\n link.click();\n }\n\n // Public API\n setPDF(pdfUrl, title = '') {\n const oldPdfUrl = this.pdfUrl;\n this.pdfUrl = pdfUrl;\n this.title = title || 'PDF Document';\n this.isLoaded = false;\n this.element.classList.remove('loaded');\n \n if (this.pdfDoc) {\n this.pdfDoc.destroy();\n this.pdfDoc = null;\n }\n \n this.currentPage = 1;\n this.totalPages = 0;\n this.scale = 1.0;\n \n if (pdfUrl) {\n this.loadPDF();\n }\n\n // Emit PDF changed event\n const eventBus = this.getApp()?.events;\n if (eventBus) {\n eventBus.emit('pdfviewer:pdf-changed', { \n viewer: this, \n oldPdfUrl, \n newPdfUrl: pdfUrl \n });\n }\n }\n\n getCurrentPage() {\n return this.currentPage;\n }\n\n getTotalPages() {\n return this.totalPages;\n }\n\n getCurrentScale() {\n return this.scale;\n }\n\n async onBeforeDestroy() {\n // Clean up PDF.js resources\n if (this.pdfDoc) {\n this.pdfDoc.destroy();\n this.pdfDoc = null;\n }\n\n this.pageRendering = false;\n this.pageNumPending = null;\n\n // Clean up essential event listeners\n if (this._essentialListeners) {\n this._essentialListeners.forEach(({ el, type, fn }) => {\n if (el) el.removeEventListener(type, fn);\n });\n this._essentialListeners = null;\n }\n\n // Clean up resize observer\n if (this._resizeObserver) {\n this._resizeObserver.disconnect();\n this._resizeObserver = null;\n }\n\n // Emit destroy event\n const eventBus = this.getApp()?.events;\n if (eventBus) {\n eventBus.emit('pdfviewer:destroyed', { viewer: this });\n }\n }\n\n // Static method to show PDF in a fullscreen dialog\n static async showDialog(pdfUrl, options = {}) {\n const {\n title = 'PDF Viewer',\n size = 'fullscreen',\n showControls = true,\n allowZoom = true,\n allowNavigation = true,\n showPageNumbers = true,\n ...dialogOptions\n } = options;\n\n const viewer = new PDFViewer({\n pdfUrl,\n title,\n showControls,\n allowZoom,\n allowNavigation,\n showPageNumbers\n });\n\n const dialog = new Dialog({\n title,\n body: viewer,\n size,\n centered: true,\n backdrop: 'static',\n keyboard: true,\n buttons: [\n { \n text: 'Download', \n action: 'download', \n class: 'btn btn-outline-primary' \n },\n { \n text: 'Close', \n action: 'close', \n class: 'btn btn-secondary',\n dismiss: true\n }\n ],\n ...dialogOptions\n });\n\n // Render and mount\n await dialog.render();\n document.body.appendChild(dialog.element);\n await dialog.mount();\n\n // Show the dialog\n dialog.show();\n\n return new Promise((resolve) => {\n dialog.on('hidden', () => {\n dialog.destroy();\n resolve(viewer);\n });\n\n dialog.on('action:download', () => {\n viewer.downloadPDF();\n });\n\n dialog.on('action:close', () => {\n dialog.hide();\n });\n });\n }\n}"],"names":["LightboxGallery","View","constructor","options","super","className","tagName","rawImages","Array","isArray","images","src","filter","Boolean","this","map","img","alt","currentIndex","startIndex","showNavigation","length","showCounter","allowKeyboard","closeOnBackdrop","fitToScreen","_keyboardHandler","handleKeyboard","bind","updateTemplateProperties","currentImage","currentNumber","total","isFirst","isLast","imageStyle","containerStyle","modeIndicator","getTemplate","onAfterRender","document","body","appendChild","element","style","overflow","addEventListener","preloadAdjacentImages","handleActionClose","close","handleActionBackdropClick","e","target","currentTarget","handleActionPrev","showPrevious","handleActionNext","showNext","handleActionImageClick","toggleImageMode","updateImage","goToImage","index","imgElement","querySelector","counterElement","prevBtn","nextBtn","showLoading","waitForImageLoad","hideLoading","textContent","disabled","updateImageDisplay","eventBus","getApp","events","emit","gallery","image","loading","display","Promise","resolve","complete","onload","onerror","preloadIndexes","push","forEach","Image","key","preventDefault","containerElement","indicatorElement","maxWidth","maxHeight","objectFit","cursor","userSelect","destroy","onBeforeDestroy","removeEventListener","parentNode","removeChild","show","lightbox","render","then","mount","window","PDFViewer","pdfUrl","title","pdfDoc","currentPage","totalPages","pageRendering","pageNumPending","scale","minScale","maxScale","scaleStep","fitMode","canvas","ctx","showControls","allowZoom","allowNavigation","showPageNumbers","isLoaded","isLoading","pdfjsWorkerPath","pdfjsCMapUrl","canvasContainer","controlsElement","statusElement","pageInput","get","overlayElement","errorElement","getContext","setupEssentialEventListeners","initializePDFJS","loadPDF","keydownHandler","handleKeyDown","resizeObserver","ResizeObserver","applyFitMode","observe","_essentialListeners","el","type","fn","_resizeObserver","pdfjsLib","loadPDFJSLibrary","GlobalWorkerOptions","workerSrc","error","console","showError","reject","script","createElement","head","handleActionFirstPage","goToPage","handleActionPrevPage","handleActionNextPage","handleActionLastPage","onChangePageInput","event","pageNumber","parseInt","value","handleActionZoomIn","setScale","handleActionZoomOut","handleActionFitPage","setFitMode","handleActionFitWidth","handleActionActualSize","handleActionDownload","downloadPDF","handleActionPrint","print","loadingTask","getDocument","url","cMapUrl","cMapPacked","promise","numPages","updatePageControls","updateStatus","renderPage","classList","add","viewer","message","page","getPage","viewport","getViewport","height","width","clearRect","renderContext","canvasContext","renderTask","pendingPage","oldScale","Math","max","min","newScale","mode","oldMode","newMode","containerRect","getBoundingClientRect","scaleX","scaleY","ctrlKey","metaKey","pageTotalElement","firstBtn","lastBtn","zoomInBtn","zoomOutBtn","currentPageElement","totalPagesElement","zoomLevelElement","round","errorMessageElement","link","href","download","click","setPDF","oldPdfUrl","remove","newPdfUrl","getCurrentPage","getTotalPages","getCurrentScale","disconnect","showDialog","size","dialogOptions","dialog","Dialog","centered","backdrop","keyboard","buttons","text","action","class","dismiss","on","hide"],"mappings":"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"}
1
+ {"version":3,"file":"PDFViewer-XPhqOvSX.js","sources":["../../src/extensions/lightbox/LightboxGallery.js","../../src/extensions/lightbox/PDFViewer.js"],"sourcesContent":["/**\n * LightboxGallery - Simple fullscreen image gallery\n * Clean, minimal lightbox for viewing single images or galleries\n */\n\nimport View from '@core/View.js';\n\nexport default class LightboxGallery extends View {\n constructor(options = {}) {\n super({\n ...options,\n className: `lightbox-gallery ${options.className || ''}`,\n tagName: 'div'\n });\n\n // Handle single image or array of images and normalize to objects\n const rawImages = Array.isArray(options.images) ? options.images : [options.images || options.src].filter(Boolean);\n this.images = rawImages.map(img => {\n if (typeof img === 'string') {\n return { src: img, alt: '' };\n }\n return { src: img.src, alt: img.alt || '' };\n });\n this.currentIndex = options.startIndex || 0;\n this.showNavigation = options.showNavigation !== false && this.images.length > 1;\n this.showCounter = options.showCounter !== false && this.images.length > 1;\n this.allowKeyboard = options.allowKeyboard !== false;\n this.closeOnBackdrop = options.closeOnBackdrop !== false;\n this.fitToScreen = options.fitToScreen !== false; // Start in fit-to-screen mode\n\n // Bind keyboard handler for cleanup\n this._keyboardHandler = this.handleKeyboard.bind(this);\n\n // Set template properties directly on view instance\n this.updateTemplateProperties();\n }\n\n updateTemplateProperties() {\n this.currentImage = this.images[this.currentIndex] || { src: '', alt: '' };\n this.currentNumber = this.currentIndex + 1;\n this.total = this.images.length;\n this.isFirst = this.currentIndex === 0;\n this.isLast = this.currentIndex === this.images.length - 1;\n this.imageStyle = this.fitToScreen\n ? 'width: 90vw; max-height: 100%; object-fit: contain; user-select: none; cursor: zoom-in;'\n : 'max-width: none; max-height: none; user-select: none; cursor: zoom-out;';\n this.containerStyle = this.fitToScreen\n ? ''\n : 'overflow: auto;';\n this.modeIndicator = this.fitToScreen ? 'Fit to Screen' : 'Original Size';\n }\n\n async getTemplate() {\n const currentImage = this.images[this.currentIndex];\n const hasMultiple = this.images.length > 1;\n\n return `\n <div class=\"lightbox-overlay position-fixed top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center\"\n style=\"background: rgba(0,0,0,0.9); z-index: 9999;\"\n data-action=\"backdrop-click\">\n\n <!-- Close button -->\n <button type=\"button\" class=\"btn-close btn-close-white position-absolute top-0 end-0 m-4\"\n data-action=\"close\"\n style=\"z-index: 10001;\"\n title=\"Close\"></button>\n\n <!-- Counter -->\n {{#showCounter}}\n <div class=\"lightbox-counter position-absolute top-0 start-50 translate-middle-x mt-4 text-white\"\n style=\"z-index: 10001; font-size: 1.1rem;\">\n {{currentNumber}} of {{total}}\n </div>\n {{/showCounter}}\n\n <!-- Mode Indicator -->\n <div class=\"lightbox-mode-indicator position-absolute bottom-0 start-50 translate-middle-x mb-4 text-white bg-dark bg-opacity-75 px-3 py-2 rounded\"\n style=\"z-index: 10001; font-size: 0.9rem;\">\n {{modeIndicator}} • Click image to toggle\n </div>\n\n <!-- Navigation -->\n {{#showNavigation}}\n <button type=\"button\" class=\"btn btn-light btn-lg position-absolute start-0 top-50 translate-middle-y ms-4\"\n data-action=\"prev\"\n style=\"z-index: 10001;\"\n title=\"Previous\"\n {{#isFirst}}disabled{{/isFirst}}>\n <i class=\"bi bi-chevron-left\"></i>\n </button>\n\n <button type=\"button\" class=\"btn btn-light btn-lg position-absolute end-0 top-50 translate-middle-y me-4\"\n data-action=\"next\"\n style=\"z-index: 10001;\"\n title=\"Next\"\n {{#isLast}}disabled{{/isLast}}>\n <i class=\"bi bi-chevron-right\"></i>\n </button>\n {{/showNavigation}}\n\n <!-- Image container -->\n <div class=\"lightbox-image-container w-100 h-100 d-flex align-items-center justify-content-center p-5\"\n style=\"{{containerStyle}}\">\n {{#currentImage}}\n <img src=\"{{src}}\"\n alt=\"{{alt}}\"\n class=\"lightbox-image img-fluid\"\n style=\"{{imageStyle}}\"\n data-action=\"image-click\">\n {{/currentImage}}\n </div>\n\n <!-- Loading spinner -->\n <div class=\"lightbox-loading position-absolute top-50 start-50 translate-middle text-white\"\n style=\"display: none;\">\n <div class=\"spinner-border\" role=\"status\">\n <span class=\"visually-hidden\">Loading...</span>\n </div>\n </div>\n </div>\n `;\n }\n\n\n\n async onAfterRender() {\n // Add to body for fullscreen\n document.body.appendChild(this.element);\n document.body.style.overflow = 'hidden';\n\n // Set up keyboard navigation\n if (this.allowKeyboard) {\n document.addEventListener('keydown', this._keyboardHandler);\n }\n\n // Preload next/previous images\n this.preloadAdjacentImages();\n }\n\n // Action handlers\n async handleActionClose() {\n this.close();\n }\n\n async handleActionBackdropClick(e) {\n // Only close if clicked on backdrop, not image\n if (this.closeOnBackdrop && e.target === e.currentTarget) {\n this.close();\n }\n }\n\n async handleActionPrev() {\n this.showPrevious();\n }\n\n async handleActionNext() {\n this.showNext();\n }\n\n async handleActionImageClick() {\n this.toggleImageMode();\n }\n\n // Navigation methods\n showPrevious() {\n if (this.currentIndex > 0) {\n this.currentIndex--;\n this.updateImage();\n this.preloadAdjacentImages();\n }\n }\n\n showNext() {\n if (this.currentIndex < this.images.length - 1) {\n this.currentIndex++;\n this.updateImage();\n this.preloadAdjacentImages();\n }\n }\n\n goToImage(index) {\n if (index >= 0 && index < this.images.length && index !== this.currentIndex) {\n this.currentIndex = index;\n this.updateImage();\n this.preloadAdjacentImages();\n }\n }\n\n // Update image without full re-render\n async updateImage() {\n const currentImage = this.images[this.currentIndex];\n const imgElement = this.element.querySelector('.lightbox-image');\n const counterElement = this.element.querySelector('.lightbox-counter');\n const prevBtn = this.element.querySelector('[data-action=\"prev\"]');\n const nextBtn = this.element.querySelector('[data-action=\"next\"]');\n\n if (imgElement) {\n // Show loading\n this.showLoading();\n\n // Update image\n imgElement.src = currentImage.src;\n imgElement.alt = currentImage.alt;\n\n // Wait for image to load\n await this.waitForImageLoad(imgElement);\n\n // Hide loading\n this.hideLoading();\n }\n\n // Update counter\n if (counterElement) {\n counterElement.textContent = `${this.currentIndex + 1} of ${this.images.length}`;\n }\n\n // Update navigation buttons\n if (prevBtn) {\n prevBtn.disabled = this.currentIndex === 0;\n }\n if (nextBtn) {\n nextBtn.disabled = this.currentIndex === this.images.length - 1;\n }\n\n // Update template properties\n this.updateTemplateProperties();\n\n // Update image display mode\n this.updateImageDisplay();\n\n // Emit event\n const eventBus = this.getApp()?.events;\n if (eventBus) {\n eventBus.emit('lightbox:image-changed', {\n gallery: this,\n index: this.currentIndex,\n image: currentImage\n });\n }\n }\n\n showLoading() {\n const loading = this.element.querySelector('.lightbox-loading');\n if (loading) {\n loading.style.display = 'block';\n }\n }\n\n hideLoading() {\n const loading = this.element.querySelector('.lightbox-loading');\n if (loading) {\n loading.style.display = 'none';\n }\n }\n\n waitForImageLoad(imgElement) {\n return new Promise((resolve) => {\n if (imgElement.complete) {\n resolve();\n } else {\n imgElement.onload = resolve;\n imgElement.onerror = resolve; // Still resolve on error\n }\n });\n }\n\n // Preload adjacent images for smooth navigation\n preloadAdjacentImages() {\n const preloadIndexes = [];\n\n // Previous image\n if (this.currentIndex > 0) {\n preloadIndexes.push(this.currentIndex - 1);\n }\n\n // Next image\n if (this.currentIndex < this.images.length - 1) {\n preloadIndexes.push(this.currentIndex + 1);\n }\n\n preloadIndexes.forEach(index => {\n const image = this.images[index];\n\n // Create image element to trigger browser caching\n const preloadImg = new Image();\n preloadImg.src = image.src;\n });\n }\n\n // Keyboard navigation\n handleKeyboard(e) {\n switch (e.key) {\n case 'Escape':\n e.preventDefault();\n this.close();\n break;\n case 'ArrowLeft':\n e.preventDefault();\n this.showPrevious();\n break;\n case 'ArrowRight':\n e.preventDefault();\n this.showNext();\n break;\n case 'Home':\n e.preventDefault();\n this.goToImage(0);\n break;\n case 'End':\n e.preventDefault();\n this.goToImage(this.images.length - 1);\n break;\n }\n }\n\n // Toggle between fit-to-screen and original size\n toggleImageMode() {\n this.fitToScreen = !this.fitToScreen;\n this.updateTemplateProperties();\n this.updateImageDisplay();\n\n // Emit mode change event\n const eventBus = this.getApp()?.events;\n if (eventBus) {\n eventBus.emit('lightbox:mode-changed', {\n gallery: this,\n fitToScreen: this.fitToScreen\n });\n }\n }\n\n // Update image display without full re-render\n updateImageDisplay() {\n const imgElement = this.element.querySelector('.lightbox-image');\n const containerElement = this.element.querySelector('.lightbox-image-container');\n const indicatorElement = this.element.querySelector('.lightbox-mode-indicator');\n\n if (imgElement) {\n if (this.fitToScreen) {\n imgElement.style.maxWidth = '100%';\n imgElement.style.maxHeight = '100%';\n imgElement.style.objectFit = 'contain';\n imgElement.style.cursor = 'zoom-in';\n } else {\n imgElement.style.maxWidth = 'none';\n imgElement.style.maxHeight = 'none';\n imgElement.style.objectFit = 'none';\n imgElement.style.cursor = 'zoom-out';\n }\n imgElement.style.userSelect = 'none';\n }\n\n if (containerElement) {\n containerElement.style.overflow = this.fitToScreen ? '' : 'auto';\n }\n\n if (indicatorElement) {\n indicatorElement.textContent = `${this.modeIndicator} • Click image to toggle`;\n }\n }\n\n // Close lightbox\n close() {\n // Emit close event\n const eventBus = this.getApp()?.events;\n if (eventBus) {\n eventBus.emit('lightbox:closed', { gallery: this });\n }\n\n this.destroy();\n }\n\n async onBeforeDestroy() {\n // Restore body overflow\n document.body.style.overflow = '';\n\n // Remove keyboard listener\n if (this.allowKeyboard) {\n document.removeEventListener('keydown', this._keyboardHandler);\n }\n\n // Remove from body\n if (this.element.parentNode === document.body) {\n document.body.removeChild(this.element);\n }\n }\n\n // Static method to show lightbox\n static show(images, options = {}) {\n const lightbox = new LightboxGallery({\n images,\n ...options\n });\n\n lightbox.render().then(() => {\n lightbox.mount();\n });\n\n return lightbox;\n }\n}\n\nwindow.LightboxGallery = LightboxGallery;\n","/**\n * PDFViewer - PDF document viewer component with zoom and navigation\n * Built for the MOJO framework with PDF.js integration\n */\n\nimport View from '@core/View.js';\nimport Dialog from '@core/views/feedback/Dialog.js';\n\nexport default class PDFViewer extends View {\n constructor(options = {}) {\n super({\n ...options,\n className: `pdf-viewer ${options.className || ''}`,\n tagName: 'div'\n });\n\n // PDF properties\n this.pdfUrl = options.pdfUrl || options.src || '';\n this.title = options.title || 'PDF Document';\n\n // PDF.js objects\n this.pdfDoc = null;\n this.currentPage = 1;\n this.totalPages = 0;\n this.pageRendering = false;\n this.pageNumPending = null;\n\n // Zoom and display state\n this.scale = 1.0;\n this.minScale = 0.25;\n this.maxScale = 5.0;\n this.scaleStep = 0.25;\n this.fitMode = 'page'; // 'page', 'width', 'auto'\n\n // Canvas and context\n this.canvas = null;\n this.ctx = null;\n\n // Options\n this.showControls = options.showControls !== false;\n this.allowZoom = options.allowZoom !== false;\n this.allowNavigation = options.allowNavigation !== false;\n this.showPageNumbers = options.showPageNumbers !== false;\n\n // Loading state\n this.isLoaded = false;\n this.isLoading = false;\n\n // PDF.js worker path - can be customized\n this.pdfjsWorkerPath = options.pdfjsWorkerPath || 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.0.379/pdf.worker.min.js';\n this.pdfjsCMapUrl = options.pdfjsCMapUrl || 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.0.379/cmaps/';\n\n // Elements\n this.canvasContainer = null;\n this.controlsElement = null;\n this.statusElement = null;\n this.pageInput = null;\n }\n\n async getTemplate() {\n return `\n <div class=\"pdf-viewer-container\">\n {{#showControls}}\n <div class=\"pdf-viewer-toolbar\" data-container=\"toolbar\">\n <div class=\"btn-toolbar\" role=\"toolbar\">\n <!-- Navigation Controls -->\n {{#allowNavigation}}\n <div class=\"btn-group me-2\" role=\"group\" aria-label=\"Navigation\">\n <button type=\"button\" class=\"btn btn-outline-secondary btn-sm\" data-action=\"first-page\" title=\"First Page\">\n <i class=\"bi bi-chevron-double-left\"></i>\n </button>\n <button type=\"button\" class=\"btn btn-outline-secondary btn-sm\" data-action=\"prev-page\" title=\"Previous Page\">\n <i class=\"bi bi-chevron-left\"></i>\n </button>\n \n {{#showPageNumbers}}\n <div class=\"input-group input-group-sm\" style=\"width: 120px;\">\n <input type=\"number\" class=\"form-control text-center page-input\" min=\"1\" value=\"1\" data-change-action=\"page-input\">\n <span class=\"input-group-text page-total\">/ 0</span>\n </div>\n {{/showPageNumbers}}\n \n <button type=\"button\" class=\"btn btn-outline-secondary btn-sm\" data-action=\"next-page\" title=\"Next Page\">\n <i class=\"bi bi-chevron-right\"></i>\n </button>\n <button type=\"button\" class=\"btn btn-outline-secondary btn-sm\" data-action=\"last-page\" title=\"Last Page\">\n <i class=\"bi bi-chevron-double-right\"></i>\n </button>\n </div>\n {{/allowNavigation}}\n\n <!-- Zoom Controls -->\n {{#allowZoom}}\n <div class=\"btn-group me-2\" role=\"group\" aria-label=\"Zoom\">\n <button type=\"button\" class=\"btn btn-outline-secondary btn-sm\" data-action=\"zoom-out\" title=\"Zoom Out\">\n <i class=\"bi bi-zoom-out\"></i>\n </button>\n <button type=\"button\" class=\"btn btn-outline-secondary btn-sm\" data-action=\"zoom-in\" title=\"Zoom In\">\n <i class=\"bi bi-zoom-in\"></i>\n </button>\n \n <div class=\"btn-group\" role=\"group\">\n <button type=\"button\" class=\"btn btn-outline-secondary btn-sm dropdown-toggle\" data-bs-toggle=\"dropdown\" title=\"Fit\">\n <i class=\"bi bi-arrows-fullscreen\"></i>\n </button>\n <ul class=\"dropdown-menu\">\n <li><a class=\"dropdown-item\" href=\"#\" data-action=\"fit-page\">Fit Page</a></li>\n <li><a class=\"dropdown-item\" href=\"#\" data-action=\"fit-width\">Fit Width</a></li>\n <li><a class=\"dropdown-item\" href=\"#\" data-action=\"actual-size\">Actual Size</a></li>\n </ul>\n </div>\n </div>\n {{/allowZoom}}\n\n <!-- Utility Controls -->\n <div class=\"btn-group me-2\" role=\"group\" aria-label=\"Utilities\">\n <button type=\"button\" class=\"btn btn-outline-secondary btn-sm\" data-action=\"download\" title=\"Download\">\n <i class=\"bi bi-download\"></i>\n </button>\n <button type=\"button\" class=\"btn btn-outline-secondary btn-sm\" data-action=\"print\" title=\"Print\">\n <i class=\"bi bi-printer\"></i>\n </button>\n </div>\n </div>\n </div>\n {{/showControls}}\n\n <!-- PDF Content Area -->\n <div class=\"pdf-viewer-content\" data-container=\"content\">\n <div class=\"pdf-canvas-container\" data-container=\"canvasContainer\">\n <canvas class=\"pdf-canvas\" data-container=\"canvas\"></canvas>\n </div>\n\n <div class=\"pdf-viewer-overlay\">\n <div class=\"pdf-viewer-loading\">\n <div class=\"spinner-border text-primary\" role=\"status\">\n <span class=\"visually-hidden\">Loading PDF...</span>\n </div>\n <div class=\"mt-2\">Loading PDF...</div>\n </div>\n </div>\n\n <div class=\"pdf-viewer-error\" style=\"display: none;\">\n <div class=\"alert alert-danger\" role=\"alert\">\n <i class=\"bi bi-exclamation-triangle\"></i>\n <strong>Error:</strong> <span class=\"error-message\">Failed to load PDF</span>\n </div>\n </div>\n </div>\n\n <!-- Status Bar -->\n <div class=\"pdf-viewer-status\" data-container=\"status\">\n <small class=\"text-muted\">\n <span class=\"current-page\">0</span> of <span class=\"total-pages\">0</span> pages |\n <span class=\"zoom-level\">100%</span> |\n <span class=\"document-title\">{{title}}</span>\n </small>\n </div>\n </div>\n `;\n }\n\n get() {\n return {\n pdfUrl: this.pdfUrl,\n title: this.title,\n showControls: this.showControls,\n allowZoom: this.allowZoom,\n allowNavigation: this.allowNavigation,\n showPageNumbers: this.showPageNumbers\n };\n }\n\n async onAfterRender() {\n // Cache DOM elements\n this.canvas = this.element.querySelector('.pdf-canvas');\n this.canvasContainer = this.element.querySelector('.pdf-canvas-container');\n this.controlsElement = this.element.querySelector('.pdf-viewer-toolbar');\n this.statusElement = this.element.querySelector('.pdf-viewer-status');\n this.pageInput = this.element.querySelector('.page-input');\n this.overlayElement = this.element.querySelector('.pdf-viewer-overlay');\n this.errorElement = this.element.querySelector('.pdf-viewer-error');\n\n if (this.canvas) {\n this.ctx = this.canvas.getContext('2d');\n }\n// Set up essential event listeners (keyboard, resize)\nthis.setupEssentialEventListeners();\n\n// Initialize PDF.js and load PDF\nawait this.initializePDFJS();\nif (this.pdfUrl) {\n await this.loadPDF();\n}\n}\n\n\n\n setupEssentialEventListeners() {\n // Essential events that can't be handled by EventDelegate\n const keydownHandler = (e) => this.handleKeyDown(e);\n document.addEventListener('keydown', keydownHandler);\n\n // Canvas resize observer for fit mode\n let resizeObserver = null;\n if (this.canvasContainer) {\n resizeObserver = new ResizeObserver(() => {\n if (this.fitMode !== 'auto') {\n this.applyFitMode();\n }\n });\n resizeObserver.observe(this.canvasContainer);\n }\n\n // Store listeners for cleanup\n this._essentialListeners = [\n { el: document, type: 'keydown', fn: keydownHandler }\n ];\n this._resizeObserver = resizeObserver;\n }\n\n async initializePDFJS() {\n try {\n // Load PDF.js if not already loaded\n if (typeof window.pdfjsLib === 'undefined') {\n await this.loadPDFJSLibrary();\n }\n\n // Configure PDF.js\n window.pdfjsLib.GlobalWorkerOptions.workerSrc = this.pdfjsWorkerPath;\n \n return true;\n } catch (error) {\n console.error('Failed to initialize PDF.js:', error);\n this.showError('Failed to initialize PDF viewer');\n return false;\n }\n }\n\n async loadPDFJSLibrary() {\n return new Promise((resolve, reject) => {\n const script = document.createElement('script');\n script.src = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.0.379/pdf.min.js';\n script.onload = resolve;\n script.onerror = reject;\n document.head.appendChild(script);\n });\n }\n\n // Action Handlers\n async handleActionFirstPage() {\n await this.goToPage(1);\n }\n\n async handleActionPrevPage() {\n await this.goToPage(this.currentPage - 1);\n }\n\n async handleActionNextPage() {\n await this.goToPage(this.currentPage + 1);\n }\n\n async handleActionLastPage() {\n await this.goToPage(this.totalPages);\n }\n\n async onChangePageInput(event, element) {\n const pageNumber = parseInt(element.value, 10);\n if (pageNumber >= 1 && pageNumber <= this.totalPages) {\n await this.goToPage(pageNumber);\n } else {\n element.value = this.currentPage;\n }\n }\n\n async handleActionZoomIn() {\n this.setScale(this.scale + this.scaleStep);\n }\n\n async handleActionZoomOut() {\n this.setScale(this.scale - this.scaleStep);\n }\n\n async handleActionFitPage() {\n this.setFitMode('page');\n }\n\n async handleActionFitWidth() {\n this.setFitMode('width');\n }\n\n async handleActionActualSize() {\n this.setScale(1.0);\n this.fitMode = 'auto';\n }\n\n async handleActionDownload() {\n this.downloadPDF();\n }\n\n async handleActionPrint() {\n window.print();\n }\n\n // PDF Loading\n async loadPDF() {\n if (!this.pdfUrl || !window.pdfjsLib) {\n this.showError('PDF URL or PDF.js library not available');\n return false;\n }\n\n this.isLoading = true;\n this.showLoading();\n\n try {\n const loadingTask = window.pdfjsLib.getDocument({\n url: this.pdfUrl,\n cMapUrl: this.pdfjsCMapUrl,\n cMapPacked: true\n });\n\n this.pdfDoc = await loadingTask.promise;\n this.totalPages = this.pdfDoc.numPages;\n this.currentPage = 1;\n\n // Update UI\n this.updatePageControls();\n this.updateStatus();\n\n // Render first page\n await this.renderPage(1);\n\n this.isLoaded = true;\n this.isLoading = false;\n this.element.classList.add('loaded');\n this.hideLoading();\n\n // Apply initial fit mode\n this.applyFitMode();\n\n // Emit loaded event via EventBus\n const eventBus = this.getApp()?.events;\n if (eventBus) {\n eventBus.emit('pdfviewer:loaded', { \n viewer: this, \n pdfUrl: this.pdfUrl,\n totalPages: this.totalPages\n });\n }\n\n return true;\n\n } catch (error) {\n console.error('Error loading PDF:', error);\n this.isLoading = false;\n this.showError('Failed to load PDF document');\n \n // Emit error event via EventBus\n const eventBus = this.getApp()?.events;\n if (eventBus) {\n eventBus.emit('pdfviewer:error', { \n viewer: this, \n pdfUrl: this.pdfUrl,\n error: error.message\n });\n }\n \n return false;\n }\n }\n\n async renderPage(pageNumber) {\n if (this.pageRendering) {\n this.pageNumPending = pageNumber;\n return;\n }\n\n if (!this.pdfDoc || !this.canvas || !this.ctx) {\n return;\n }\n\n this.pageRendering = true;\n this.currentPage = pageNumber;\n\n try {\n const page = await this.pdfDoc.getPage(pageNumber);\n const viewport = page.getViewport({ scale: this.scale });\n\n // Set canvas dimensions\n this.canvas.height = viewport.height;\n this.canvas.width = viewport.width;\n\n // Clear canvas\n this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);\n\n // Render page\n const renderContext = {\n canvasContext: this.ctx,\n viewport: viewport\n };\n\n const renderTask = page.render(renderContext);\n await renderTask.promise;\n\n this.pageRendering = false;\n\n // If there was a pending page render request\n if (this.pageNumPending !== null) {\n const pendingPage = this.pageNumPending;\n this.pageNumPending = null;\n await this.renderPage(pendingPage);\n }\n\n this.updatePageControls();\n this.updateStatus();\n\n // Emit page changed event\n const eventBus = this.getApp()?.events;\n if (eventBus) {\n eventBus.emit('pdfviewer:page-changed', { \n viewer: this, \n currentPage: this.currentPage,\n totalPages: this.totalPages\n });\n }\n\n } catch (error) {\n console.error('Error rendering page:', error);\n this.pageRendering = false;\n this.showError('Failed to render PDF page');\n }\n }\n\n // Navigation\n async goToPage(pageNumber) {\n if (!this.pdfDoc || pageNumber < 1 || pageNumber > this.totalPages) {\n return;\n }\n\n await this.renderPage(pageNumber);\n }\n\n // Zoom and Fit\n setScale(scale) {\n const oldScale = this.scale;\n this.scale = Math.max(this.minScale, Math.min(this.maxScale, scale));\n this.fitMode = 'auto';\n \n if (this.isLoaded) {\n this.renderPage(this.currentPage);\n }\n\n // Emit scale change event\n const eventBus = this.getApp()?.events;\n if (eventBus && oldScale !== this.scale) {\n eventBus.emit('pdfviewer:scale-changed', { \n viewer: this, \n oldScale, \n newScale: this.scale \n });\n }\n }\n\n setFitMode(mode) {\n const oldMode = this.fitMode;\n this.fitMode = mode;\n this.applyFitMode();\n\n // Emit fit mode change event\n const eventBus = this.getApp()?.events;\n if (eventBus) {\n eventBus.emit('pdfviewer:fit-mode-changed', { \n viewer: this, \n oldMode, \n newMode: mode \n });\n }\n }\n\n applyFitMode() {\n if (!this.isLoaded || !this.pdfDoc || !this.canvasContainer) {\n return;\n }\n\n this.pdfDoc.getPage(this.currentPage).then(page => {\n const containerRect = this.canvasContainer.getBoundingClientRect();\n const viewport = page.getViewport({ scale: 1 });\n\n let newScale;\n if (this.fitMode === 'page') {\n const scaleX = (containerRect.width - 40) / viewport.width;\n const scaleY = (containerRect.height - 40) / viewport.height;\n newScale = Math.min(scaleX, scaleY);\n } else if (this.fitMode === 'width') {\n newScale = (containerRect.width - 40) / viewport.width;\n } else {\n return; // auto mode, don't change scale\n }\n\n this.scale = Math.max(this.minScale, Math.min(this.maxScale, newScale));\n this.renderPage(this.currentPage);\n });\n }\n\n // Event Handlers\n handleKeyDown(e) {\n // Only handle if PDF viewer is focused or no input is focused\n if (e.target.tagName === 'INPUT' && e.target !== this.pageInput) {\n return;\n }\n\n switch (e.key) {\n case 'ArrowLeft':\n case 'PageUp':\n e.preventDefault();\n this.goToPage(this.currentPage - 1);\n break;\n case 'ArrowRight':\n case 'PageDown':\n e.preventDefault();\n this.goToPage(this.currentPage + 1);\n break;\n case 'Home':\n e.preventDefault();\n this.goToPage(1);\n break;\n case 'End':\n e.preventDefault();\n this.goToPage(this.totalPages);\n break;\n case '+':\n case '=':\n if (e.ctrlKey || e.metaKey) {\n e.preventDefault();\n this.setScale(this.scale + this.scaleStep);\n }\n break;\n case '-':\n if (e.ctrlKey || e.metaKey) {\n e.preventDefault();\n this.setScale(this.scale - this.scaleStep);\n }\n break;\n case '0':\n if (e.ctrlKey || e.metaKey) {\n e.preventDefault();\n this.setFitMode('page');\n }\n break;\n }\n }\n\n // UI Updates\n updatePageControls() {\n // Update page input\n if (this.pageInput) {\n this.pageInput.value = this.currentPage;\n }\n\n // Update page total display\n const pageTotalElement = this.element.querySelector('.page-total');\n if (pageTotalElement) {\n pageTotalElement.textContent = `/ ${this.totalPages}`;\n }\n\n // Update navigation buttons\n const firstBtn = this.element.querySelector('[data-action=\"first-page\"]');\n const prevBtn = this.element.querySelector('[data-action=\"prev-page\"]');\n const nextBtn = this.element.querySelector('[data-action=\"next-page\"]');\n const lastBtn = this.element.querySelector('[data-action=\"last-page\"]');\n\n if (firstBtn) firstBtn.disabled = this.currentPage <= 1;\n if (prevBtn) prevBtn.disabled = this.currentPage <= 1;\n if (nextBtn) nextBtn.disabled = this.currentPage >= this.totalPages;\n if (lastBtn) lastBtn.disabled = this.currentPage >= this.totalPages;\n\n // Update zoom buttons\n const zoomInBtn = this.element.querySelector('[data-action=\"zoom-in\"]');\n const zoomOutBtn = this.element.querySelector('[data-action=\"zoom-out\"]');\n\n if (zoomInBtn) zoomInBtn.disabled = this.scale >= this.maxScale;\n if (zoomOutBtn) zoomOutBtn.disabled = this.scale <= this.minScale;\n }\n\n updateStatus() {\n if (!this.statusElement) return;\n\n const currentPageElement = this.statusElement.querySelector('.current-page');\n const totalPagesElement = this.statusElement.querySelector('.total-pages');\n const zoomLevelElement = this.statusElement.querySelector('.zoom-level');\n\n if (currentPageElement) {\n currentPageElement.textContent = this.currentPage;\n }\n if (totalPagesElement) {\n totalPagesElement.textContent = this.totalPages;\n }\n if (zoomLevelElement) {\n zoomLevelElement.textContent = `${Math.round(this.scale * 100)}%`;\n }\n }\n\n // Utility Methods\n showLoading() {\n if (this.overlayElement) {\n this.overlayElement.style.display = 'flex';\n }\n }\n\n hideLoading() {\n if (this.overlayElement) {\n this.overlayElement.style.display = 'none';\n }\n }\n\n showError(message) {\n this.hideLoading();\n \n if (this.errorElement) {\n const errorMessageElement = this.errorElement.querySelector('.error-message');\n if (errorMessageElement) {\n errorMessageElement.textContent = message;\n }\n this.errorElement.style.display = 'block';\n }\n\n console.error('PDF Viewer Error:', message);\n }\n\n downloadPDF() {\n if (!this.pdfUrl) return;\n\n const link = document.createElement('a');\n link.href = this.pdfUrl;\n link.download = this.title + '.pdf';\n link.target = '_blank';\n link.click();\n }\n\n // Public API\n setPDF(pdfUrl, title = '') {\n const oldPdfUrl = this.pdfUrl;\n this.pdfUrl = pdfUrl;\n this.title = title || 'PDF Document';\n this.isLoaded = false;\n this.element.classList.remove('loaded');\n \n if (this.pdfDoc) {\n this.pdfDoc.destroy();\n this.pdfDoc = null;\n }\n \n this.currentPage = 1;\n this.totalPages = 0;\n this.scale = 1.0;\n \n if (pdfUrl) {\n this.loadPDF();\n }\n\n // Emit PDF changed event\n const eventBus = this.getApp()?.events;\n if (eventBus) {\n eventBus.emit('pdfviewer:pdf-changed', { \n viewer: this, \n oldPdfUrl, \n newPdfUrl: pdfUrl \n });\n }\n }\n\n getCurrentPage() {\n return this.currentPage;\n }\n\n getTotalPages() {\n return this.totalPages;\n }\n\n getCurrentScale() {\n return this.scale;\n }\n\n async onBeforeDestroy() {\n // Clean up PDF.js resources\n if (this.pdfDoc) {\n this.pdfDoc.destroy();\n this.pdfDoc = null;\n }\n\n this.pageRendering = false;\n this.pageNumPending = null;\n\n // Clean up essential event listeners\n if (this._essentialListeners) {\n this._essentialListeners.forEach(({ el, type, fn }) => {\n if (el) el.removeEventListener(type, fn);\n });\n this._essentialListeners = null;\n }\n\n // Clean up resize observer\n if (this._resizeObserver) {\n this._resizeObserver.disconnect();\n this._resizeObserver = null;\n }\n\n // Emit destroy event\n const eventBus = this.getApp()?.events;\n if (eventBus) {\n eventBus.emit('pdfviewer:destroyed', { viewer: this });\n }\n }\n\n // Static method to show PDF in a fullscreen dialog\n static async showDialog(pdfUrl, options = {}) {\n const {\n title = 'PDF Viewer',\n size = 'fullscreen',\n showControls = true,\n allowZoom = true,\n allowNavigation = true,\n showPageNumbers = true,\n ...dialogOptions\n } = options;\n\n const viewer = new PDFViewer({\n pdfUrl,\n title,\n showControls,\n allowZoom,\n allowNavigation,\n showPageNumbers\n });\n\n const dialog = new Dialog({\n title,\n body: viewer,\n size,\n centered: true,\n backdrop: 'static',\n keyboard: true,\n buttons: [\n { \n text: 'Download', \n action: 'download', \n class: 'btn btn-outline-primary' \n },\n { \n text: 'Close', \n action: 'close', \n class: 'btn btn-secondary',\n dismiss: true\n }\n ],\n ...dialogOptions\n });\n\n // Render and mount\n await dialog.render();\n document.body.appendChild(dialog.element);\n await dialog.mount();\n\n // Show the dialog\n dialog.show();\n\n return new Promise((resolve) => {\n dialog.on('hidden', () => {\n dialog.destroy();\n resolve(viewer);\n });\n\n dialog.on('action:download', () => {\n viewer.downloadPDF();\n });\n\n dialog.on('action:close', () => {\n dialog.hide();\n });\n });\n }\n}"],"names":["LightboxGallery","View","constructor","options","super","className","tagName","rawImages","Array","isArray","images","src","filter","Boolean","this","map","img","alt","currentIndex","startIndex","showNavigation","length","showCounter","allowKeyboard","closeOnBackdrop","fitToScreen","_keyboardHandler","handleKeyboard","bind","updateTemplateProperties","currentImage","currentNumber","total","isFirst","isLast","imageStyle","containerStyle","modeIndicator","getTemplate","onAfterRender","document","body","appendChild","element","style","overflow","addEventListener","preloadAdjacentImages","handleActionClose","close","handleActionBackdropClick","e","target","currentTarget","handleActionPrev","showPrevious","handleActionNext","showNext","handleActionImageClick","toggleImageMode","updateImage","goToImage","index","imgElement","querySelector","counterElement","prevBtn","nextBtn","showLoading","waitForImageLoad","hideLoading","textContent","disabled","updateImageDisplay","eventBus","getApp","events","emit","gallery","image","loading","display","Promise","resolve","complete","onload","onerror","preloadIndexes","push","forEach","Image","key","preventDefault","containerElement","indicatorElement","maxWidth","maxHeight","objectFit","cursor","userSelect","destroy","onBeforeDestroy","removeEventListener","parentNode","removeChild","show","lightbox","render","then","mount","window","PDFViewer","pdfUrl","title","pdfDoc","currentPage","totalPages","pageRendering","pageNumPending","scale","minScale","maxScale","scaleStep","fitMode","canvas","ctx","showControls","allowZoom","allowNavigation","showPageNumbers","isLoaded","isLoading","pdfjsWorkerPath","pdfjsCMapUrl","canvasContainer","controlsElement","statusElement","pageInput","get","overlayElement","errorElement","getContext","setupEssentialEventListeners","initializePDFJS","loadPDF","keydownHandler","handleKeyDown","resizeObserver","ResizeObserver","applyFitMode","observe","_essentialListeners","el","type","fn","_resizeObserver","pdfjsLib","loadPDFJSLibrary","GlobalWorkerOptions","workerSrc","error","console","showError","reject","script","createElement","head","handleActionFirstPage","goToPage","handleActionPrevPage","handleActionNextPage","handleActionLastPage","onChangePageInput","event","pageNumber","parseInt","value","handleActionZoomIn","setScale","handleActionZoomOut","handleActionFitPage","setFitMode","handleActionFitWidth","handleActionActualSize","handleActionDownload","downloadPDF","handleActionPrint","print","loadingTask","getDocument","url","cMapUrl","cMapPacked","promise","numPages","updatePageControls","updateStatus","renderPage","classList","add","viewer","message","page","getPage","viewport","getViewport","height","width","clearRect","renderContext","canvasContext","renderTask","pendingPage","oldScale","Math","max","min","newScale","mode","oldMode","newMode","containerRect","getBoundingClientRect","scaleX","scaleY","ctrlKey","metaKey","pageTotalElement","firstBtn","lastBtn","zoomInBtn","zoomOutBtn","currentPageElement","totalPagesElement","zoomLevelElement","round","errorMessageElement","link","href","download","click","setPDF","oldPdfUrl","remove","newPdfUrl","getCurrentPage","getTotalPages","getCurrentScale","disconnect","showDialog","size","dialogOptions","dialog","Dialog","centered","backdrop","keyboard","buttons","text","action","class","dismiss","on","hide"],"mappings":"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"}