cloud-ide-element 1.0.91 → 1.0.92

package/fesm2022/cloud-ide-element.mjs

@@ -3807,13 +3807,22 @@ class CideEleFileInputComponent {
     writeValue(value) {
         console.log('📝 [FileInput] writeValue called with:', value);
         if (typeof value === 'string') {
-            // Value is an uploaded file ID - fetch file details and set preview
-            console.log('📝 [FileInput] Value is uploaded file ID:', value);
-            this.files.set(null);
-            this.fileNames.set([]);
-            this.clearPreviews();
-            // Fetch file details to get base64 and set preview
-            this.loadFileDetailsFromId(value);
+            // Check if this is a group ID for multiple files or single file ID
+            if (this.isMultipleFileMode()) {
+                // Multiple file mode - value is group ID
+                console.log('📁 [FileInput] Value is group ID for multiple files:', value);
+                this.groupId.set(value);
+                this.loadFilesFromGroupId(value);
+            }
+            else {
+                // Single file mode - value is file ID
+                console.log('📝 [FileInput] Value is single file ID:', value);
+                this.files.set(null);
+                this.fileNames.set([]);
+                this.clearPreviews();
+                // Fetch file details to get base64 and set preview
+                this.loadFileDetailsFromId(value);
+            }
         }
         else if (value instanceof FileList) {
             // Value is a FileList
@@ -3821,6 +3830,14 @@ class CideEleFileInputComponent {
             this.files.set(value);
             this.fileNames.set(Array.from(value).map(f => f.name));
             this.generatePreviews();
+            // For multiple files, use group ID API to fetch files
+            if (value.length > 1) {
+                const groupId = this.groupId();
+                if (groupId) {
+                    console.log('📁 [FileInput] Multiple files detected, fetching files for group:', groupId);
+                    this.loadFilesFromGroupId(groupId);
+                }
+            }
         }
         else {
             // Value is null
@@ -4223,6 +4240,42 @@ class CideEleFileInputComponent {
             }
         });
     }
+    /**
+     * Check if the component is in multiple file mode
+     */
+    isMultipleFileMode() {
+        // Check if multiple attribute is set or if we have a group ID
+        return this.multiple || this.groupId() !== null;
+    }
+    /**
+     * Load files from group ID using the group API
+     */
+    loadFilesFromGroupId(groupId) {
+        console.log('🔍 [FileInput] Loading files for group ID:', groupId);
+        if (!groupId)
+            return;
+        this.fileManagerService.fetchAndStoreFilesByGroupId(groupId)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (files) => {
+                console.log('📋 [FileInput] Files loaded for group:', files.length);
+                // Set file names to show count in input
+                if (files && files.length > 0) {
+                    const fileNames = files.map(file => file.file_name || file.name || 'Unknown file');
+                    this.fileNames.set(fileNames);
+                    console.log('📝 [FileInput] File names set for display:', fileNames);
+                }
+                else {
+                    this.fileNames.set([]);
+                }
+                // Files are now stored in service state and will be displayed by floating uploader
+            },
+            error: (error) => {
+                console.error('❌ [FileInput] Failed to load files for group:', error);
+                this.fileNames.set([]);
+            }
+        });
+    }
     isImageFileFromName(fileName) {
         if (!fileName)
             return false;