capacitor-camera-multicapture 0.12.2

package/dist/esm/controllers/gallery-controller.js

@@ -0,0 +1,333 @@
+/**
+ * Controller for gallery operations and captured images
+ */
+import { Capacitor } from '@capacitor/core';
+import { Filesystem, Directory } from '@capacitor/filesystem';
+import { createThumbnailContainer } from '../ui/ui-factory';
+import { openImagePreview, openVideoPreview } from '../ui/media-viewer';
+/**
+ * Manages gallery operations and captured images
+ */
+export class GalleryController {
+    constructor(galleryElement, thumbnailStyle = { width: '80px' }, onImageRemoved, onPhotoAdded, onPhotoUpdated, onPhotoRemoved, onVideoAdded, onVideoRemoved, onMediaCountChanged, enableEditing, markerJsLicenseKey) {
+        this.images = [];
+        this.videos = [];
+        this.captureOrder = [];
+        this.galleryElement = galleryElement;
+        this.thumbnailStyle = thumbnailStyle;
+        this.onImageRemoved = onImageRemoved || (() => { });
+        this.onPhotoAdded = onPhotoAdded;
+        this.onPhotoUpdated = onPhotoUpdated;
+        this.onPhotoRemoved = onPhotoRemoved;
+        this.onVideoAdded = onVideoAdded;
+        this.onVideoRemoved = onVideoRemoved;
+        this.onMediaCountChanged = onMediaCountChanged;
+        this.enableEditing = enableEditing !== null && enableEditing !== void 0 ? enableEditing : false;
+        this.markerJsLicenseKey = markerJsLicenseKey;
+    }
+    notifyMediaCountChanged() {
+        var _a;
+        (_a = this.onMediaCountChanged) === null || _a === void 0 ? void 0 : _a.call(this, this.images.length + this.videos.length);
+    }
+    /**
+     * Adds a new image to the gallery
+     */
+    addImage(imageData) {
+        console.log('Adding image to gallery:', imageData);
+        const id = `img_${Date.now()}_${this.images.length}`;
+        const newImage = { id, data: imageData };
+        this.images.push(newImage);
+        this.captureOrder.push({ type: 'image', item: newImage });
+        this.renderGallery();
+        this.scrollToLatest();
+        this.notifyMediaCountChanged();
+        // Trigger photoAdded callback with detailed logging
+        const eventData = {
+            imageId: id,
+            image: imageData,
+            totalCount: this.images.length
+        };
+        console.log('[CameraMultiCapture] Photo added to gallery:', {
+            imageId: id,
+            totalCount: this.images.length,
+            imageUri: imageData.uri,
+            timestamp: new Date().toISOString()
+        });
+        if (this.onPhotoAdded) {
+            try {
+                this.onPhotoAdded(eventData);
+                console.log('[CameraMultiCapture] photoAdded callback executed successfully');
+            }
+            catch (error) {
+                console.error('[CameraMultiCapture] Failed to execute photoAdded callback:', error);
+            }
+        }
+        else {
+            console.log('[CameraMultiCapture] No photoAdded callback registered');
+        }
+    }
+    /**
+     * Removes an image from the gallery
+     */
+    removeImage(imageId) {
+        const imageToRemove = this.images.find(img => img.id === imageId);
+        this.images = this.images.filter(img => img.id !== imageId);
+        this.captureOrder = this.captureOrder.filter(entry => !(entry.type === 'image' && entry.item.id === imageId));
+        this.renderGallery();
+        this.onImageRemoved(this.images);
+        this.notifyMediaCountChanged();
+        // Trigger photoRemoved callback with detailed logging
+        const eventData = {
+            imageId,
+            totalCount: this.images.length
+        };
+        console.log('[CameraMultiCapture] Photo removed from gallery:', {
+            removedImageId: imageId,
+            remainingCount: this.images.length,
+            removedImageUri: (imageToRemove === null || imageToRemove === void 0 ? void 0 : imageToRemove.data.uri) || 'unknown',
+            timestamp: new Date().toISOString()
+        });
+        if (this.onPhotoRemoved) {
+            try {
+                this.onPhotoRemoved(eventData);
+                console.log('[CameraMultiCapture] photoRemoved callback executed successfully');
+            }
+            catch (error) {
+                console.error('[CameraMultiCapture] Failed to execute photoRemoved callback:', error);
+            }
+        }
+        else {
+            console.log('[CameraMultiCapture] No photoRemoved callback registered');
+        }
+    }
+    /**
+     * Adds a new video to the gallery
+     */
+    addVideo(videoData) {
+        const id = `vid_${Date.now()}_${this.videos.length}`;
+        const newVideo = { id, data: videoData };
+        this.videos.push(newVideo);
+        this.captureOrder.push({ type: 'video', item: newVideo });
+        this.renderGallery();
+        this.scrollToLatest();
+        this.notifyMediaCountChanged();
+        // Trigger videoAdded callback
+        const eventData = {
+            videoId: id,
+            video: videoData,
+            totalCount: this.videos.length
+        };
+        console.log('[CameraMultiCapture] Video added to gallery:', {
+            videoId: id,
+            totalCount: this.videos.length,
+            videoUri: videoData.uri,
+            timestamp: new Date().toISOString()
+        });
+        if (this.onVideoAdded) {
+            try {
+                this.onVideoAdded(eventData);
+                console.log('[CameraMultiCapture] videoAdded callback executed successfully');
+            }
+            catch (error) {
+                console.error('[CameraMultiCapture] Failed to execute videoAdded callback:', error);
+            }
+        }
+        else {
+            console.log('[CameraMultiCapture] No videoAdded callback registered');
+        }
+    }
+    /**
+     * Removes a video from the gallery
+     */
+    removeVideo(videoId) {
+        const videoToRemove = this.videos.find(vid => vid.id === videoId);
+        this.videos = this.videos.filter(vid => vid.id !== videoId);
+        this.captureOrder = this.captureOrder.filter(entry => !(entry.type === 'video' && entry.item.id === videoId));
+        this.renderGallery();
+        this.notifyMediaCountChanged();
+        // Trigger videoRemoved callback
+        const eventData = {
+            videoId,
+            totalCount: this.videos.length
+        };
+        console.log('[CameraMultiCapture] Video removed from gallery:', {
+            removedVideoId: videoId,
+            remainingCount: this.videos.length,
+            removedVideoUri: (videoToRemove === null || videoToRemove === void 0 ? void 0 : videoToRemove.data.uri) || 'unknown',
+            timestamp: new Date().toISOString()
+        });
+        if (this.onVideoRemoved) {
+            try {
+                this.onVideoRemoved(eventData);
+                console.log('[CameraMultiCapture] videoRemoved callback executed successfully');
+            }
+            catch (error) {
+                console.error('[CameraMultiCapture] Failed to execute videoRemoved callback:', error);
+            }
+        }
+        else {
+            console.log('[CameraMultiCapture] No videoRemoved callback registered');
+        }
+    }
+    /**
+     * Clears all images from the gallery
+     */
+    clearGallery() {
+        // Store items to remove before clearing
+        const imagesToRemove = [...this.images];
+        const videosToRemove = [...this.videos];
+        this.images = [];
+        this.videos = [];
+        this.captureOrder = [];
+        this.renderGallery();
+        this.onImageRemoved(this.images);
+        this.notifyMediaCountChanged();
+        console.log(`[CameraMultiCapture] Clearing gallery - triggering ${imagesToRemove.length} photoRemoved callbacks`);
+        // Trigger photoRemoved callbacks for each cleared image
+        if (this.onPhotoRemoved) {
+            imagesToRemove.forEach((image, index) => {
+                const eventData = {
+                    imageId: image.id,
+                    totalCount: 0 // All images are being cleared
+                };
+                console.log(`[CameraMultiCapture] Triggering photoRemoved callback ${index + 1}/${imagesToRemove.length}:`, {
+                    removedImageId: image.id,
+                    imageUri: image.data.uri,
+                    timestamp: new Date().toISOString()
+                });
+                try {
+                    this.onPhotoRemoved(eventData);
+                    console.log(`[CameraMultiCapture] photoRemoved callback ${index + 1} executed successfully`);
+                }
+                catch (error) {
+                    console.error(`[CameraMultiCapture] Failed to execute photoRemoved callback ${index + 1}:`, error);
+                }
+            });
+        }
+        else {
+            console.log('[CameraMultiCapture] No photoRemoved callback registered for gallery clear');
+        }
+        // Trigger videoRemoved callbacks for each cleared video
+        if (this.onVideoRemoved) {
+            videosToRemove.forEach((video, index) => {
+                const eventData = {
+                    videoId: video.id,
+                    totalCount: 0 // All videos are being cleared
+                };
+                console.log(`[CameraMultiCapture] Triggering videoRemoved callback ${index + 1}/${videosToRemove.length}:`, {
+                    removedVideoId: video.id,
+                    videoUri: video.data.uri,
+                    timestamp: new Date().toISOString()
+                });
+                try {
+                    this.onVideoRemoved(eventData);
+                    console.log(`[CameraMultiCapture] videoRemoved callback ${index + 1} executed successfully`);
+                }
+                catch (error) {
+                    console.error(`[CameraMultiCapture] Failed to execute videoRemoved callback ${index + 1}:`, error);
+                }
+            });
+        }
+        else {
+            console.log('[CameraMultiCapture] No videoRemoved callback registered for gallery clear');
+        }
+    }
+    /**
+     * Gets all captured images
+     */
+    getImages() {
+        return this.images;
+    }
+    /**
+     * Gets all captured videos
+     */
+    getVideos() {
+        return this.videos;
+    }
+    /**
+     * Replaces an existing image's data (e.g. after annotation) and re-renders.
+     */
+    updateImage(imageId, newData) {
+        const target = this.images.find(img => img.id === imageId);
+        if (!target)
+            return;
+        target.data = newData;
+        const entry = this.captureOrder.find(e => e.type === 'image' && e.item.id === imageId);
+        if (entry && entry.type === 'image') {
+            entry.item.data = newData;
+        }
+        this.renderGallery();
+    }
+    /**
+     * Opens marker.js editor on the given image and replaces it on save.
+     */
+    async handleEditImage(image) {
+        var _a, _b;
+        const { openImageEditor, isEditorActive } = await import('../ui/image-editor');
+        if (isEditorActive())
+            return;
+        const src = image.data.webPath || image.data.uri;
+        try {
+            const result = await openImageEditor(src, image.data.editorState, this.markerJsLicenseKey);
+            if (!result)
+                return;
+            // Write annotated image to disk so uri is a native file path
+            const fileName = `annotated_${Date.now()}.jpg`;
+            const base64Data = result.dataUrl.split(',')[1];
+            const savedFile = await Filesystem.writeFile({
+                path: fileName,
+                data: base64Data,
+                directory: Directory.Cache,
+            });
+            const fileUri = savedFile.uri;
+            const webPath = Capacitor.convertFileSrc(fileUri);
+            const updatedData = Object.assign(Object.assign({}, image.data), { sourceUri: (_a = image.data.sourceUri) !== null && _a !== void 0 ? _a : image.data.uri, uri: fileUri, webPath, thumbnail: result.dataUrl, editorState: result.state });
+            this.updateImage(image.id, updatedData);
+            (_b = this.onPhotoUpdated) === null || _b === void 0 ? void 0 : _b.call(this, {
+                imageId: image.id,
+                image: updatedData,
+                totalCount: this.images.length,
+            });
+        }
+        catch (err) {
+            console.error('[CameraMultiCapture] Image editor error:', err);
+        }
+    }
+    /**
+     * Renders the gallery in chronological capture order
+     */
+    renderGallery() {
+        this.galleryElement.innerHTML = '';
+        this.captureOrder.forEach(entry => {
+            if (entry.type === 'image') {
+                const image = entry.item;
+                const src = image.data.webPath || image.data.uri;
+                const thumbnailContainer = createThumbnailContainer(image.data.thumbnail, this.thumbnailStyle, () => this.removeImage(image.id), {
+                    onTap: () => openImagePreview(src, image.data.thumbnail, this.enableEditing ? () => this.handleEditImage(image) : undefined),
+                });
+                this.galleryElement.appendChild(thumbnailContainer);
+            }
+            else {
+                const video = entry.item;
+                const src = video.data.webPath || video.data.uri;
+                const thumbnailContainer = createThumbnailContainer(video.data.thumbnail, this.thumbnailStyle, () => this.removeVideo(video.id), {
+                    isVideo: true,
+                    duration: video.data.duration,
+                    onTap: () => openVideoPreview(src, video.data.thumbnail),
+                });
+                this.galleryElement.appendChild(thumbnailContainer);
+            }
+        });
+    }
+    scrollToLatest() {
+        if (this.captureOrder.length === 0)
+            return;
+        requestAnimationFrame(() => {
+            this.galleryElement.scrollTo({
+                left: this.galleryElement.scrollWidth,
+                behavior: 'smooth'
+            });
+        });
+    }
+}
+//# sourceMappingURL=gallery-controller.js.map

package/dist/esm/controllers/gallery-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery-controller.js","sourceRoot":"","sources":["../../../src/controllers/gallery-controller.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Controller for gallery operations and captured images\n */\nimport { Capacitor } from '@capacitor/core';\nimport { Filesystem, Directory } from '@capacitor/filesystem';\nimport type { CameraImageData, CameraVideoData, CapturedImage, CapturedVideo, PhotoAddedEvent, PhotoUpdatedEvent, PhotoRemovedEvent, VideoAddedEvent, VideoRemovedEvent } from '../definitions';\nimport { createThumbnailContainer } from '../ui/ui-factory';\nimport { openImagePreview, openVideoPreview } from '../ui/media-viewer';\n\ntype CaptureEntry =\n  | { type: 'image'; item: CapturedImage }\n  | { type: 'video'; item: CapturedVideo };\n\n/**\n * Manages gallery operations and captured images\n */\nexport class GalleryController {\n  private galleryElement: HTMLElement;\n  private images: CapturedImage[] = [];\n  private videos: CapturedVideo[] = [];\n  private captureOrder: CaptureEntry[] = [];\n  private thumbnailStyle: { width?: string; height?: string };\n  private onImageRemoved: (images: CapturedImage[]) => void;\n  private onPhotoAdded?: (event: PhotoAddedEvent) => void;\n  private onPhotoUpdated?: (event: PhotoUpdatedEvent) => void;\n  private onPhotoRemoved?: (event: PhotoRemovedEvent) => void;\n  private onVideoAdded?: (event: VideoAddedEvent) => void;\n  private onVideoRemoved?: (event: VideoRemovedEvent) => void;\n  private onMediaCountChanged?: (totalCount: number) => void;\n  private enableEditing: boolean;\n  private markerJsLicenseKey?: string;\n\n  constructor(\n    galleryElement: HTMLElement,\n    thumbnailStyle: { width?: string; height?: string } = { width: '80px' },\n    onImageRemoved?: (images: CapturedImage[]) => void,\n    onPhotoAdded?: (event: PhotoAddedEvent) => void,\n    onPhotoUpdated?: (event: PhotoUpdatedEvent) => void,\n    onPhotoRemoved?: (event: PhotoRemovedEvent) => void,\n    onVideoAdded?: (event: VideoAddedEvent) => void,\n    onVideoRemoved?: (event: VideoRemovedEvent) => void,\n    onMediaCountChanged?: (totalCount: number) => void,\n    enableEditing?: boolean,\n    markerJsLicenseKey?: string,\n  ) {\n    this.galleryElement = galleryElement;\n    this.thumbnailStyle = thumbnailStyle;\n    this.onImageRemoved = onImageRemoved || (() => { });\n    this.onPhotoAdded = onPhotoAdded;\n    this.onPhotoUpdated = onPhotoUpdated;\n    this.onPhotoRemoved = onPhotoRemoved;\n    this.onVideoAdded = onVideoAdded;\n    this.onVideoRemoved = onVideoRemoved;\n    this.onMediaCountChanged = onMediaCountChanged;\n    this.enableEditing = enableEditing ?? false;\n    this.markerJsLicenseKey = markerJsLicenseKey;\n  }\n\n  private notifyMediaCountChanged(): void {\n    this.onMediaCountChanged?.(this.images.length + this.videos.length);\n  }\n\n  /**\n   * Adds a new image to the gallery\n   */\n  addImage(imageData: CameraImageData): void {\n    console.log('Adding image to gallery:', imageData);\n    const id = `img_${Date.now()}_${this.images.length}`;\n    const newImage: CapturedImage = { id, data: imageData };\n\n    this.images.push(newImage);\n    this.captureOrder.push({ type: 'image', item: newImage });\n    this.renderGallery();\n    this.scrollToLatest();\n    this.notifyMediaCountChanged();\n\n    // Trigger photoAdded callback with detailed logging\n    const eventData: PhotoAddedEvent = {\n      imageId: id,\n      image: imageData,\n      totalCount: this.images.length\n    };\n    \n    console.log('[CameraMultiCapture] Photo added to gallery:', {\n      imageId: id,\n      totalCount: this.images.length,\n      imageUri: imageData.uri,\n      timestamp: new Date().toISOString()\n    });\n    \n    if (this.onPhotoAdded) {\n      try {\n        this.onPhotoAdded(eventData);\n        console.log('[CameraMultiCapture] photoAdded callback executed successfully');\n      } catch (error) {\n        console.error('[CameraMultiCapture] Failed to execute photoAdded callback:', error);\n      }\n    } else {\n      console.log('[CameraMultiCapture] No photoAdded callback registered');\n    }\n  }\n\n  /**\n   * Removes an image from the gallery\n   */\n  removeImage(imageId: string): void {\n    const imageToRemove = this.images.find(img => img.id === imageId);\n    this.images = this.images.filter(img => img.id !== imageId);\n    this.captureOrder = this.captureOrder.filter(\n      entry => !(entry.type === 'image' && entry.item.id === imageId)\n    );\n    this.renderGallery();\n    this.onImageRemoved(this.images);\n    this.notifyMediaCountChanged();\n\n    // Trigger photoRemoved callback with detailed logging\n    const eventData: PhotoRemovedEvent = {\n      imageId,\n      totalCount: this.images.length\n    };\n    \n    console.log('[CameraMultiCapture] Photo removed from gallery:', {\n      removedImageId: imageId,\n      remainingCount: this.images.length,\n      removedImageUri: imageToRemove?.data.uri || 'unknown',\n      timestamp: new Date().toISOString()\n    });\n    \n    if (this.onPhotoRemoved) {\n      try {\n        this.onPhotoRemoved(eventData);\n        console.log('[CameraMultiCapture] photoRemoved callback executed successfully');\n      } catch (error) {\n        console.error('[CameraMultiCapture] Failed to execute photoRemoved callback:', error);\n      }\n    } else {\n      console.log('[CameraMultiCapture] No photoRemoved callback registered');\n    }\n  }\n\n  /**\n   * Adds a new video to the gallery\n   */\n  addVideo(videoData: CameraVideoData): void {\n    const id = `vid_${Date.now()}_${this.videos.length}`;\n    const newVideo: CapturedVideo = { id, data: videoData };\n\n    this.videos.push(newVideo);\n    this.captureOrder.push({ type: 'video', item: newVideo });\n    this.renderGallery();\n    this.scrollToLatest();\n    this.notifyMediaCountChanged();\n\n    // Trigger videoAdded callback\n    const eventData: VideoAddedEvent = {\n      videoId: id,\n      video: videoData,\n      totalCount: this.videos.length\n    };\n\n    console.log('[CameraMultiCapture] Video added to gallery:', {\n      videoId: id,\n      totalCount: this.videos.length,\n      videoUri: videoData.uri,\n      timestamp: new Date().toISOString()\n    });\n\n    if (this.onVideoAdded) {\n      try {\n        this.onVideoAdded(eventData);\n        console.log('[CameraMultiCapture] videoAdded callback executed successfully');\n      } catch (error) {\n        console.error('[CameraMultiCapture] Failed to execute videoAdded callback:', error);\n      }\n    } else {\n      console.log('[CameraMultiCapture] No videoAdded callback registered');\n    }\n  }\n\n  /**\n   * Removes a video from the gallery\n   */\n  removeVideo(videoId: string): void {\n    const videoToRemove = this.videos.find(vid => vid.id === videoId);\n    this.videos = this.videos.filter(vid => vid.id !== videoId);\n    this.captureOrder = this.captureOrder.filter(\n      entry => !(entry.type === 'video' && entry.item.id === videoId)\n    );\n    this.renderGallery();\n    this.notifyMediaCountChanged();\n\n    // Trigger videoRemoved callback\n    const eventData: VideoRemovedEvent = {\n      videoId,\n      totalCount: this.videos.length\n    };\n\n    console.log('[CameraMultiCapture] Video removed from gallery:', {\n      removedVideoId: videoId,\n      remainingCount: this.videos.length,\n      removedVideoUri: videoToRemove?.data.uri || 'unknown',\n      timestamp: new Date().toISOString()\n    });\n\n    if (this.onVideoRemoved) {\n      try {\n        this.onVideoRemoved(eventData);\n        console.log('[CameraMultiCapture] videoRemoved callback executed successfully');\n      } catch (error) {\n        console.error('[CameraMultiCapture] Failed to execute videoRemoved callback:', error);\n      }\n    } else {\n      console.log('[CameraMultiCapture] No videoRemoved callback registered');\n    }\n  }\n\n  /**\n   * Clears all images from the gallery\n   */\n  clearGallery(): void {\n    // Store items to remove before clearing\n    const imagesToRemove = [...this.images];\n    const videosToRemove = [...this.videos];\n    this.images = [];\n    this.videos = [];\n    this.captureOrder = [];\n    this.renderGallery();\n    this.onImageRemoved(this.images);\n    this.notifyMediaCountChanged();\n\n    console.log(`[CameraMultiCapture] Clearing gallery - triggering ${imagesToRemove.length} photoRemoved callbacks`);\n\n    // Trigger photoRemoved callbacks for each cleared image\n    if (this.onPhotoRemoved) {\n      imagesToRemove.forEach((image, index) => {\n        const eventData: PhotoRemovedEvent = {\n          imageId: image.id,\n          totalCount: 0 // All images are being cleared\n        };\n        \n        console.log(`[CameraMultiCapture] Triggering photoRemoved callback ${index + 1}/${imagesToRemove.length}:`, {\n          removedImageId: image.id,\n          imageUri: image.data.uri,\n          timestamp: new Date().toISOString()\n        });\n        \n        try {\n          this.onPhotoRemoved!(eventData);\n          console.log(`[CameraMultiCapture] photoRemoved callback ${index + 1} executed successfully`);\n        } catch (error) {\n          console.error(`[CameraMultiCapture] Failed to execute photoRemoved callback ${index + 1}:`, error);\n        }\n      });\n    } else {\n      console.log('[CameraMultiCapture] No photoRemoved callback registered for gallery clear');\n    }\n\n    // Trigger videoRemoved callbacks for each cleared video\n    if (this.onVideoRemoved) {\n      videosToRemove.forEach((video, index) => {\n        const eventData: VideoRemovedEvent = {\n          videoId: video.id,\n          totalCount: 0 // All videos are being cleared\n        };\n\n        console.log(`[CameraMultiCapture] Triggering videoRemoved callback ${index + 1}/${videosToRemove.length}:`, {\n          removedVideoId: video.id,\n          videoUri: video.data.uri,\n          timestamp: new Date().toISOString()\n        });\n\n        try {\n          this.onVideoRemoved!(eventData);\n          console.log(`[CameraMultiCapture] videoRemoved callback ${index + 1} executed successfully`);\n        } catch (error) {\n          console.error(`[CameraMultiCapture] Failed to execute videoRemoved callback ${index + 1}:`, error);\n        }\n      });\n    } else {\n      console.log('[CameraMultiCapture] No videoRemoved callback registered for gallery clear');\n    }\n  }\n\n  /**\n   * Gets all captured images\n   */\n  getImages(): CapturedImage[] {\n    return this.images;\n  }\n\n  /**\n   * Gets all captured videos\n   */\n  getVideos(): CapturedVideo[] {\n    return this.videos;\n  }\n\n  /**\n   * Replaces an existing image's data (e.g. after annotation) and re-renders.\n   */\n  updateImage(imageId: string, newData: CameraImageData): void {\n    const target = this.images.find(img => img.id === imageId);\n    if (!target) return;\n    target.data = newData;\n\n    const entry = this.captureOrder.find(\n      e => e.type === 'image' && e.item.id === imageId\n    );\n    if (entry && entry.type === 'image') {\n      entry.item.data = newData;\n    }\n\n    this.renderGallery();\n  }\n\n  /**\n   * Opens marker.js editor on the given image and replaces it on save.\n   */\n  private async handleEditImage(image: CapturedImage): Promise<void> {\n    const { openImageEditor, isEditorActive } = await import('../ui/image-editor');\n    if (isEditorActive()) return;\n\n    const src = image.data.webPath || image.data.uri;\n\n    try {\n      const result = await openImageEditor(src, image.data.editorState, this.markerJsLicenseKey);\n      if (!result) return;\n\n      // Write annotated image to disk so uri is a native file path\n      const fileName = `annotated_${Date.now()}.jpg`;\n      const base64Data = result.dataUrl.split(',')[1];\n      const savedFile = await Filesystem.writeFile({\n        path: fileName,\n        data: base64Data,\n        directory: Directory.Cache,\n      });\n      const fileUri = savedFile.uri;\n      const webPath = Capacitor.convertFileSrc(fileUri);\n\n      const updatedData: CameraImageData = {\n        ...image.data,\n        sourceUri: image.data.sourceUri ?? image.data.uri,\n        uri: fileUri,\n        webPath,\n        thumbnail: result.dataUrl,\n        editorState: result.state,\n      };\n      this.updateImage(image.id, updatedData);\n      this.onPhotoUpdated?.({\n        imageId: image.id,\n        image: updatedData,\n        totalCount: this.images.length,\n      });\n    } catch (err) {\n      console.error('[CameraMultiCapture] Image editor error:', err);\n    }\n  }\n\n  /**\n   * Renders the gallery in chronological capture order\n   */\n  private renderGallery(): void {\n    this.galleryElement.innerHTML = '';\n\n    this.captureOrder.forEach(entry => {\n      if (entry.type === 'image') {\n        const image = entry.item;\n        const src = image.data.webPath || image.data.uri;\n        const thumbnailContainer = createThumbnailContainer(\n          image.data.thumbnail,\n          this.thumbnailStyle,\n          () => this.removeImage(image.id),\n          {\n            onTap: () => openImagePreview(\n              src,\n              image.data.thumbnail,\n              this.enableEditing ? () => this.handleEditImage(image) : undefined,\n            ),\n          }\n        );\n        this.galleryElement.appendChild(thumbnailContainer);\n      } else {\n        const video = entry.item;\n        const src = video.data.webPath || video.data.uri;\n        const thumbnailContainer = createThumbnailContainer(\n          video.data.thumbnail,\n          this.thumbnailStyle,\n          () => this.removeVideo(video.id),\n          {\n            isVideo: true,\n            duration: video.data.duration,\n            onTap: () => openVideoPreview(src, video.data.thumbnail),\n          }\n        );\n        this.galleryElement.appendChild(thumbnailContainer);\n      }\n    });\n  }\n\n  private scrollToLatest(): void {\n    if (this.captureOrder.length === 0) return;\n\n    requestAnimationFrame(() => {\n      this.galleryElement.scrollTo({\n        left: this.galleryElement.scrollWidth,\n        behavior: 'smooth'\n      });\n    });\n  }\n}\n"]}