web-mojo 2.1.936 → 2.1.955

package/dist/lightbox.es.js

@@ -1,7 +1,7 @@
-import { V as View } from "./chunks/WebApp-El07OMHH.js";
-import { B, b, a, c, e, f, W } from "./chunks/WebApp-El07OMHH.js";
-import Dialog from "./chunks/Dialog-D_rAf4gQ.js";
-import { L, P } from "./chunks/PDFViewer-D6SKOl85.js";
+import { V as View } from "./chunks/Rest-CS4jRCAs.js";
+import Dialog from "./chunks/Dialog-C2mRUxga.js";
+import { L, P } from "./chunks/PDFViewer-DkbYnnoV.js";
+import { B, a, V, b, c, d, W } from "./chunks/WebApp-RHtJ4hFZ.js";
 class ImageViewer extends View {
   constructor(options = {}) {
     super({
@@ -143,17 +143,17 @@ class ImageViewer extends View {
   setupEventListeners() {
     if (!this.canvas) return;
     if (this.allowPan) {
-      this.canvas.addEventListener("mousedown", (e2) => this.handleMouseDown(e2));
-      document.addEventListener("mousemove", (e2) => this.handleMouseMove(e2));
-      document.addEventListener("mouseup", (e2) => this.handleMouseUp(e2));
+      this.canvas.addEventListener("mousedown", (e) => this.handleMouseDown(e));
+      document.addEventListener("mousemove", (e) => this.handleMouseMove(e));
+      document.addEventListener("mouseup", (e) => this.handleMouseUp(e));
     }
     if (this.allowZoom) {
-      this.canvas.addEventListener("wheel", (e2) => this.handleWheel(e2), { passive: false });
+      this.canvas.addEventListener("wheel", (e) => this.handleWheel(e), { passive: false });
     }
-    this.canvas.addEventListener("touchstart", (e2) => this.handleTouchStart(e2), { passive: false });
-    this.canvas.addEventListener("touchmove", (e2) => this.handleTouchMove(e2), { passive: false });
-    this.canvas.addEventListener("touchend", (e2) => this.handleTouchEnd(e2));
-    this.canvas.addEventListener("contextmenu", (e2) => e2.preventDefault());
+    this.canvas.addEventListener("touchstart", (e) => this.handleTouchStart(e), { passive: false });
+    this.canvas.addEventListener("touchmove", (e) => this.handleTouchMove(e), { passive: false });
+    this.canvas.addEventListener("touchend", (e) => this.handleTouchEnd(e));
+    this.canvas.addEventListener("contextmenu", (e) => e.preventDefault());
   }
   // Action handlers
   async handleActionZoomIn() {
@@ -238,56 +238,56 @@ class ImageViewer extends View {
     }
   }
   // Mouse interaction
-  handleMouseDown(e2) {
-    if (!this.allowPan || e2.button !== 0) return;
-    e2.preventDefault();
+  handleMouseDown(e) {
+    if (!this.allowPan || e.button !== 0) return;
+    e.preventDefault();
     this.isDragging = true;
     const rect = this.canvas.getBoundingClientRect();
-    this.lastPointerX = e2.clientX - rect.left;
-    this.lastPointerY = e2.clientY - rect.top;
+    this.lastPointerX = e.clientX - rect.left;
+    this.lastPointerY = e.clientY - rect.top;
     this.canvas.style.cursor = "grabbing";
   }
-  handleMouseMove(e2) {
+  handleMouseMove(e) {
     if (!this.isDragging || !this.allowPan) return;
-    e2.preventDefault();
+    e.preventDefault();
     const rect = this.canvas.getBoundingClientRect();
-    const currentX = e2.clientX - rect.left;
-    const currentY = e2.clientY - rect.top;
+    const currentX = e.clientX - rect.left;
+    const currentY = e.clientY - rect.top;
     const deltaX = currentX - this.lastPointerX;
     const deltaY = currentY - this.lastPointerY;
     this.pan(deltaX, deltaY);
     this.lastPointerX = currentX;
     this.lastPointerY = currentY;
   }
-  handleMouseUp(e2) {
+  handleMouseUp(e) {
     if (!this.isDragging) return;
     this.isDragging = false;
     this.canvas.style.cursor = this.allowPan ? "grab" : "default";
   }
-  handleWheel(e2) {
+  handleWheel(e) {
     if (!this.allowZoom) return;
-    e2.preventDefault();
+    e.preventDefault();
     const rect = this.canvas.getBoundingClientRect();
-    const x = e2.clientX - rect.left;
-    const y = e2.clientY - rect.top;
-    const delta = e2.deltaY > 0 ? -this.scaleStep * 0.5 : this.scaleStep * 0.5;
+    const x = e.clientX - rect.left;
+    const y = e.clientY - rect.top;
+    const delta = e.deltaY > 0 ? -this.scaleStep * 0.5 : this.scaleStep * 0.5;
     this.zoomAtPoint(this.scale + delta, x, y);
   }
   // Touch events
-  handleTouchStart(e2) {
-    if (e2.touches.length === 1 && this.allowPan) {
-      e2.preventDefault();
-      const touch = e2.touches[0];
+  handleTouchStart(e) {
+    if (e.touches.length === 1 && this.allowPan) {
+      e.preventDefault();
+      const touch = e.touches[0];
       const rect = this.canvas.getBoundingClientRect();
       this.isDragging = true;
       this.lastPointerX = touch.clientX - rect.left;
       this.lastPointerY = touch.clientY - rect.top;
     }
   }
-  handleTouchMove(e2) {
-    if (e2.touches.length === 1 && this.isDragging && this.allowPan) {
-      e2.preventDefault();
-      const touch = e2.touches[0];
+  handleTouchMove(e) {
+    if (e.touches.length === 1 && this.isDragging && this.allowPan) {
+      e.preventDefault();
+      const touch = e.touches[0];
       const rect = this.canvas.getBoundingClientRect();
       const currentX = touch.clientX - rect.left;
       const currentY = touch.clientY - rect.top;
@@ -298,7 +298,7 @@ class ImageViewer extends View {
       this.lastPointerY = currentY;
     }
   }
-  handleTouchEnd(e2) {
+  handleTouchEnd(e) {
     this.isDragging = false;
   }
   // Transform methods
@@ -448,7 +448,7 @@ class ImageViewer extends View {
       if (filename && filename.includes(".")) {
         return filename.replace(/\.[^.]+$/, ".png");
       }
-    } catch (e2) {
+    } catch (e) {
     }
     return "image.png";
   }
@@ -943,20 +943,20 @@ class ImageTransformView extends ImageCanvasView {
   setupInteractionListeners() {
     if (!this.canvas) return;
     if (this.allowPan) {
-      this.canvas.addEventListener("mousedown", (e2) => this.handleMouseDown(e2));
+      this.canvas.addEventListener("mousedown", (e) => this.handleMouseDown(e));
       document.addEventListener("mousemove", this._handleMouseMove);
       document.addEventListener("mouseup", this._handleMouseUp);
     }
     if (this.allowZoom) {
-      this.canvas.addEventListener("wheel", (e2) => this.handleWheel(e2), { passive: false });
+      this.canvas.addEventListener("wheel", (e) => this.handleWheel(e), { passive: false });
     }
-    this.canvas.addEventListener("touchstart", (e2) => this.handleTouchStart(e2), { passive: false });
-    this.canvas.addEventListener("touchmove", (e2) => this.handleTouchMove(e2), { passive: false });
-    this.canvas.addEventListener("touchend", (e2) => this.handleTouchEnd(e2));
+    this.canvas.addEventListener("touchstart", (e) => this.handleTouchStart(e), { passive: false });
+    this.canvas.addEventListener("touchmove", (e) => this.handleTouchMove(e), { passive: false });
+    this.canvas.addEventListener("touchend", (e) => this.handleTouchEnd(e));
     if (this.allowKeyboard) {
       document.addEventListener("keydown", this._handleKeyboard);
     }
-    this.canvas.addEventListener("contextmenu", (e2) => e2.preventDefault());
+    this.canvas.addEventListener("contextmenu", (e) => e.preventDefault());
     this.canvas.style.cursor = this.allowPan ? "grab" : "default";
   }
   // Override renderImage to apply transforms
@@ -975,56 +975,56 @@ class ImageTransformView extends ImageCanvasView {
     );
   }
   // Mouse interaction
-  handleMouseDown(e2) {
-    if (!this.allowPan || e2.button !== 0) return;
-    e2.preventDefault();
+  handleMouseDown(e) {
+    if (!this.allowPan || e.button !== 0) return;
+    e.preventDefault();
     this.isDragging = true;
     const rect = this.canvas.getBoundingClientRect();
-    this.lastPointerX = e2.clientX - rect.left;
-    this.lastPointerY = e2.clientY - rect.top;
+    this.lastPointerX = e.clientX - rect.left;
+    this.lastPointerY = e.clientY - rect.top;
     this.canvas.style.cursor = "grabbing";
   }
-  handleMouseMove(e2) {
+  handleMouseMove(e) {
     if (!this.isDragging || !this.allowPan) return;
-    e2.preventDefault();
+    e.preventDefault();
     const rect = this.canvas.getBoundingClientRect();
-    const currentX = e2.clientX - rect.left;
-    const currentY = e2.clientY - rect.top;
+    const currentX = e.clientX - rect.left;
+    const currentY = e.clientY - rect.top;
     const deltaX = currentX - this.lastPointerX;
     const deltaY = currentY - this.lastPointerY;
     this.pan(deltaX, deltaY);
     this.lastPointerX = currentX;
     this.lastPointerY = currentY;
   }
-  handleMouseUp(e2) {
+  handleMouseUp(e) {
     if (!this.isDragging) return;
     this.isDragging = false;
     this.canvas.style.cursor = this.allowPan ? "grab" : "default";
   }
-  handleWheel(e2) {
+  handleWheel(e) {
     if (!this.allowZoom) return;
-    e2.preventDefault();
+    e.preventDefault();
     const rect = this.canvas.getBoundingClientRect();
-    const x = e2.clientX - rect.left;
-    const y = e2.clientY - rect.top;
-    const delta = e2.deltaY > 0 ? -this.scaleStep * 0.5 : this.scaleStep * 0.5;
+    const x = e.clientX - rect.left;
+    const y = e.clientY - rect.top;
+    const delta = e.deltaY > 0 ? -this.scaleStep * 0.5 : this.scaleStep * 0.5;
     this.zoomAtPoint(this.scale + delta, x, y);
   }
   // Touch events
-  handleTouchStart(e2) {
-    if (e2.touches.length === 1 && this.allowPan) {
-      e2.preventDefault();
-      const touch = e2.touches[0];
+  handleTouchStart(e) {
+    if (e.touches.length === 1 && this.allowPan) {
+      e.preventDefault();
+      const touch = e.touches[0];
       const rect = this.canvas.getBoundingClientRect();
       this.isDragging = true;
       this.lastPointerX = touch.clientX - rect.left;
       this.lastPointerY = touch.clientY - rect.top;
     }
   }
-  handleTouchMove(e2) {
-    if (e2.touches.length === 1 && this.isDragging && this.allowPan) {
-      e2.preventDefault();
-      const touch = e2.touches[0];
+  handleTouchMove(e) {
+    if (e.touches.length === 1 && this.isDragging && this.allowPan) {
+      e.preventDefault();
+      const touch = e.touches[0];
       const rect = this.canvas.getBoundingClientRect();
       const currentX = touch.clientX - rect.left;
       const currentY = touch.clientY - rect.top;
@@ -1035,38 +1035,38 @@ class ImageTransformView extends ImageCanvasView {
       this.lastPointerY = currentY;
     }
   }
-  handleTouchEnd(e2) {
+  handleTouchEnd(e) {
     this.isDragging = false;
   }
   // Keyboard shortcuts
-  handleKeyboard(e2) {
-    if (e2.target.tagName === "INPUT" || e2.target.tagName === "TEXTAREA") return;
-    switch (e2.key) {
+  handleKeyboard(e) {
+    if (e.target.tagName === "INPUT" || e.target.tagName === "TEXTAREA") return;
+    switch (e.key) {
       case "+":
       case "=":
         if (this.allowZoom) {
-          e2.preventDefault();
+          e.preventDefault();
           this.zoomIn();
         }
         break;
       case "-":
         if (this.allowZoom) {
-          e2.preventDefault();
+          e.preventDefault();
           this.zoomOut();
         }
         break;
       case "0":
-        e2.preventDefault();
+        e.preventDefault();
         this.fitToContainer();
         break;
       case "1":
-        e2.preventDefault();
+        e.preventDefault();
         this.actualSize();
         break;
       case "r":
       case "R":
         if (this.allowRotate) {
-          e2.preventDefault();
+          e.preventDefault();
           this.rotateRight();
         }
         break;
@@ -1515,12 +1515,12 @@ class ImageCropView extends ImageCanvasView {
   }
   setupCropListeners() {
     if (!this.canvas) return;
-    this.canvas.addEventListener("mousedown", (e2) => this.handleMouseDown(e2));
+    this.canvas.addEventListener("mousedown", (e) => this.handleMouseDown(e));
     document.addEventListener("mousemove", this._handleMouseMove);
     document.addEventListener("mouseup", this._handleMouseUp);
-    this.canvas.addEventListener("touchstart", (e2) => this.handleTouchStart(e2), { passive: false });
-    this.canvas.addEventListener("touchmove", (e2) => this.handleTouchMove(e2), { passive: false });
-    this.canvas.addEventListener("touchend", (e2) => this.handleTouchEnd(e2));
+    this.canvas.addEventListener("touchstart", (e) => this.handleTouchStart(e), { passive: false });
+    this.canvas.addEventListener("touchmove", (e) => this.handleTouchMove(e), { passive: false });
+    this.canvas.addEventListener("touchend", (e) => this.handleTouchEnd(e));
     this.canvas.style.cursor = "crosshair";
   }
   // Override renderCanvas to include crop overlay
@@ -1650,12 +1650,12 @@ class ImageCropView extends ImageCanvasView {
     });
   }
   // Mouse interaction
-  handleMouseDown(e2) {
+  handleMouseDown(e) {
     if (!this.cropMode) return;
-    e2.preventDefault();
+    e.preventDefault();
     const rect = this.canvas.getBoundingClientRect();
-    const canvasX = e2.clientX - rect.left;
-    const canvasY = e2.clientY - rect.top;
+    const canvasX = e.clientX - rect.left;
+    const canvasY = e.clientY - rect.top;
     const imagePoint = this.pointCanvasToImage(canvasX, canvasY);
     this.dragStartImageX = imagePoint.x;
     this.dragStartImageY = imagePoint.y;
@@ -1679,11 +1679,11 @@ class ImageCropView extends ImageCanvasView {
       }
     }
   }
-  handleMouseMove(e2) {
+  handleMouseMove(e) {
     if (!this.cropMode) return;
     const rect = this.canvas.getBoundingClientRect();
-    const canvasX = e2.clientX - rect.left;
-    const canvasY = e2.clientY - rect.top;
+    const canvasX = e.clientX - rect.left;
+    const canvasY = e.clientY - rect.top;
     if (this.isResizing && this.dragHandle) {
       this.resizeCropBox(canvasX, canvasY);
     } else if (this.isDragging) {
@@ -1692,7 +1692,7 @@ class ImageCropView extends ImageCanvasView {
       this.updateCursor(canvasX, canvasY);
     }
   }
-  handleMouseUp(e2) {
+  handleMouseUp(e) {
     if (!this.cropMode) return;
     this.isDragging = false;
     this.isResizing = false;
@@ -1700,15 +1700,15 @@ class ImageCropView extends ImageCanvasView {
     this.initialCropBox = null;
     this.newCropStart = null;
     const rect = this.canvas.getBoundingClientRect();
-    const canvasX = e2.clientX - rect.left;
-    const canvasY = e2.clientY - rect.top;
+    const canvasX = e.clientX - rect.left;
+    const canvasY = e.clientY - rect.top;
     this.updateCursor(canvasX, canvasY);
   }
   // Touch events
-  handleTouchStart(e2) {
-    if (!this.cropMode || e2.touches.length !== 1) return;
-    e2.preventDefault();
-    const touch = e2.touches[0];
+  handleTouchStart(e) {
+    if (!this.cropMode || e.touches.length !== 1) return;
+    e.preventDefault();
+    const touch = e.touches[0];
     const rect = this.canvas.getBoundingClientRect();
     touch.clientX - rect.left;
     touch.clientY - rect.top;
@@ -2108,7 +2108,7 @@ class ImageCropView extends ImageCanvasView {
   }
   // Cleanup
   // Action handlers for toolbar buttons
-  async onPassThruActionSetAspectRatio(e2, el) {
+  async onPassThruActionSetAspectRatio(e, el) {
     const ratio = el.getAttribute("data-ratio");
     const aspectRatio = ratio === "free" ? null : parseFloat(ratio);
     this.setAspectRatio(aspectRatio);
@@ -2683,14 +2683,14 @@ class ImageFiltersView extends ImageCanvasView {
   async onPassThruActionResetFilters() {
     this.resetFilters();
   }
-  async onPassThruActionApplyPreset(e2, el) {
-    e2.preventDefault();
+  async onPassThruActionApplyPreset(e, el) {
+    e.preventDefault();
     const presetName = el.getAttribute("data-preset");
     if (presetName && this.presetEffects[presetName]) {
       this.applyPreset(presetName);
     }
   }
-  async onPassThruActionPreviewOriginal(e2, el) {
+  async onPassThruActionPreviewOriginal(e, el) {
     const isPreviewing = el.dataset.previewing === "true";
     if (isPreviewing) {
       this.context.clearRect(0, 0, this.canvasWidth, this.canvasHeight);
@@ -2703,7 +2703,7 @@ class ImageFiltersView extends ImageCanvasView {
     }
   }
   // Change Handler for filter sliders
-  async onChangeFilterChange(e2, el) {
+  async onChangeFilterChange(e, el) {
     const filterName = el.getAttribute("data-filter");
     const value = parseFloat(el.value);
     this.updateFilter(filterName, value);
@@ -3088,7 +3088,7 @@ class ImageEditor extends View {
     });
   }
   // Action handlers
-  async handleActionSwitchMode(e2, el) {
+  async handleActionSwitchMode(e, el) {
     const mode = el.getAttribute("data-mode");
     await this.switchMode(mode);
   }
@@ -3483,33 +3483,33 @@ class ImageUploadView extends View {
       document.addEventListener(eventName, this._preventDefaults);
     });
   }
-  preventDefaults(e2) {
-    e2.preventDefault();
-    e2.stopPropagation();
+  preventDefaults(e) {
+    e.preventDefault();
+    e.stopPropagation();
   }
-  handleDragOver(e2) {
-    this.preventDefaults(e2);
+  handleDragOver(e) {
+    this.preventDefaults(e);
     this.dropZone.classList.add("border-primary", "bg-light");
     this.dropZone.style.borderColor = "#0d6efd";
   }
-  handleDragLeave(e2) {
-    this.preventDefaults(e2);
-    if (!this.dropZone.contains(e2.relatedTarget)) {
+  handleDragLeave(e) {
+    this.preventDefaults(e);
+    if (!this.dropZone.contains(e.relatedTarget)) {
       this.dropZone.classList.remove("border-primary", "bg-light");
       this.dropZone.style.borderColor = "#dee2e6";
     }
   }
-  async handleDrop(e2) {
-    this.preventDefaults(e2);
+  async handleDrop(e) {
+    this.preventDefaults(e);
     this.dropZone.classList.remove("border-primary", "bg-light");
     this.dropZone.style.borderColor = "#dee2e6";
-    const files = Array.from(e2.dataTransfer.files);
+    const files = Array.from(e.dataTransfer.files);
     if (files.length > 0) {
       await this.processFile(files[0]);
     }
   }
-  async handleFileSelect(e2) {
-    const files = Array.from(e2.target.files);
+  async handleFileSelect(e) {
+    const files = Array.from(e.target.files);
     if (files.length > 0) {
       await this.processFile(files[0]);
     }
@@ -3583,9 +3583,9 @@ class ImageUploadView extends View {
       const formData = new FormData();
       formData.append("image", file);
       const xhr = new XMLHttpRequest();
-      xhr.upload.addEventListener("progress", (e2) => {
-        if (e2.lengthComputable) {
-          const progress = Math.round(e2.loaded / e2.total * 100);
+      xhr.upload.addEventListener("progress", (e) => {
+        if (e.lengthComputable) {
+          const progress = Math.round(e.loaded / e.total * 100);
           this.updateProgress(progress);
         }
       });
@@ -3594,7 +3594,7 @@ class ImageUploadView extends View {
           try {
             const response = JSON.parse(xhr.responseText);
             resolve(response);
-          } catch (e2) {
+          } catch (e) {
             resolve({ success: true, response: xhr.responseText });
           }
         } else {
@@ -3727,11 +3727,11 @@ export {
   ImageViewer,
   L as LightboxGallery,
   P as PDFViewer,
-  b as VERSION,
-  a as VERSION_INFO,
-  c as VERSION_MAJOR,
-  e as VERSION_MINOR,
-  f as VERSION_REVISION,
+  a as VERSION,
+  V as VERSION_INFO,
+  b as VERSION_MAJOR,
+  c as VERSION_MINOR,
+  d as VERSION_REVISION,
   W as WebApp
 };
 //# sourceMappingURL=lightbox.es.js.map