web-mojo 2.2.7 → 2.2.8

package/dist/chunks/{PDFViewer-BeWHRAeX.js.map → PDFViewer-DaiTPsQH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PDFViewer-BeWHRAeX.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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"}
+{"version":3,"file":"PDFViewer-DaiTPsQH.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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"}

package/dist/chunks/{TokenManager-D2pm6lM8.js → TokenManager-D9z35vwT.js}

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