cloud-ide-element 1.0.63 → 1.0.65

package/fesm2022/cloud-ide-element.mjs

@@ -4469,6 +4469,7 @@ class CideEleFileImageDirective {
     altText = 'Image';
     fileManagerService = inject(CideEleFileManagerService);
     elementRef = inject(ElementRef);
+    destroyRef = inject(DestroyRef);
     ngOnInit() {
         this.loadImage();
     }
@@ -4480,7 +4481,7 @@ class CideEleFileImageDirective {
             return;
         }
         console.log('🖼️ [FileImageDirective] Loading image for ID:', this.fileId);
-        this.fileManagerService.getFileDetails({ cyfm_id: this.fileId }).pipe(takeUntilDestroyed()).subscribe({
+        this.fileManagerService.getFileDetails({ cyfm_id: this.fileId }).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
             next: (fileDetails) => {
                 console.log('📋 [FileImageDirective] File details received:', fileDetails);
                 if (fileDetails?.data?.length) {
@@ -4498,47 +4499,21 @@ class CideEleFileImageDirective {
     }
     displayImage(fileData) {
         const imgElement = this.elementRef.nativeElement;
-        // Check if it's an image file
-        const isImage = this.isImageFile(fileData.cyfm_name || '', fileData.cyfm_type || '');
-        if (isImage) {
-            // For now, we'll use a placeholder or the file path
-            // In a real implementation, you might need to fetch the actual file content
-            if (fileData.cyfm_path) {
-                // If you have a direct URL to the file, use it
-                imgElement.src = fileData.cyfm_path;
-                imgElement.alt = fileData.cyfm_alt_text || this.altText;
-                console.log('✅ [FileImageDirective] Image loaded from path:', fileData.cyfm_path);
-            }
-            else if (fileData.cyfm_file_base64) {
-                // If base64 data is available, use it
-                let base64Data = fileData.cyfm_file_base64;
-                if (!base64Data.startsWith('data:')) {
-                    const mimeType = fileData.cyfm_type || 'image/jpeg';
-                    base64Data = `data:${mimeType};base64,${base64Data}`;
-                }
-                imgElement.src = base64Data;
-                imgElement.alt = fileData.cyfm_alt_text || this.altText;
-                console.log('✅ [FileImageDirective] Image loaded from base64 data');
-            }
-            else {
-                console.warn('⚠️ [FileImageDirective] No image data available for file:', fileData.cyfm_name);
+        // Use base64 data directly
+        if (fileData.cyfm_file_base64) {
+            let base64Data = fileData.cyfm_file_base64;
+            if (!base64Data.startsWith('data:')) {
+                const mimeType = fileData.cyfm_type || 'image/jpeg';
+                base64Data = `data:${mimeType};base64,${base64Data}`;
             }
+            imgElement.src = base64Data;
+            imgElement.alt = fileData.cyfm_alt_text || this.altText;
+            console.log('✅ [FileImageDirective] Image loaded from base64 data');
         }
         else {
-            console.warn('⚠️ [FileImageDirective] File is not an image:', fileData.cyfm_name);
+            console.warn('⚠️ [FileImageDirective] No base64 data available for file');
         }
     }
-    isImageFile(fileName, fileType) {
-        if (fileType && fileType.startsWith('image/')) {
-            return true;
-        }
-        if (fileName) {
-            const imageExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.bmp', '.webp', '.svg'];
-            const lowerFileName = fileName.toLowerCase();
-            return imageExtensions.some(ext => lowerFileName.endsWith(ext));
-        }
-        return false;
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideEleFileImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: CideEleFileImageDirective, isStandalone: true, selector: "[cideEleFileImage]", inputs: { fileId: "fileId", altText: "altText" }, ngImport: i0 });
 }